html{min-height: 100%; position: relative;}
body{margin:0; padding:0; width:100%; background: #FFF; font-family:"Open Sans", sans-serif; list-style:none;}
body img{border:0;}
a{text-decoration:none; outline: none; line-height: 20px;}
a:hover, a:active, a:focus{outline: none;}
img {max-width: 100%; display: block; /*border: none; margin: 0 auto;*/}
picture {max-width: 100%; display: block; /*border: none; margin: 0 auto;*/}
video {max-width: 100%; display: block; /*height: auto; margin: 0 auto;*/}
table{width:auto;}
input:disabled{background-color:rgb(235, 235, 228);}
textarea:disabled{background-color:rgb(235, 235, 228);}

.btn-demo {
    display: inline-block;
    font-weight: 400;
    border: 1px solid transparent;
    padding: 0 18px;
    font-size: 21px;
    line-height: 48px;
    cursor: pointer;
    color: #fff;
    background-color: #0070c9;
    margin: 0 4px;
    min-width: 180px;
    text-align: center;
}

.btn-demo:hover {
    border: 1px solid /*transparent*/;
    background: #fff;
    color: #0070c9;
}


.btn-icon__container {
    display: inline-block;
    height: 24px;
    width: 24px;
    overflow: hidden;
    position: relative;
    margin-left: 22px;
    vertical-align: middle;
    /* border: 1px solid; */
}

.btn-icon__img {
    max-width: none;
    height: 24px;
    position: absolute;
}

.btn-demo:hover .btn-icon__img 	{left: -24px;}




/*Modificado*/
#navegacion{background: #FFF; margin:auto; height:auto;}
/**/

#All{background: #FFF; margin:auto; height:auto; max-width: 1024px;}
#MenWeb{display:none;}
#MenWebS{display:none;}
#Header{height:auto;}
#Logo{float:left; margin-top: 16px; margin-right:15px;}
#Banner{margin-top:10px}

/*Modificado*/
#Menu{height:75px; float: right; text-align:center; margin-top:15px;}
#MenuAG{height:75px; float: right; text-align:center; margin-top:15px;}
/**/

/*Modificado*/
#TIE{color:#000; background: #d1e2f2;}
#TIE:hover h2{color:#000; background: none;}
/**/

#OpcionesClientes{width:100%; float: right; text-align:center; background-color:#D0CECE; margin-top: 50px;}
#ConjuntoOpciones{max-width:1024px; height: 100%; margin: auto; padding-top:5px;}
#ConjuntoOpciones ul{height: 100%; padding: 0; margin: 0; list-style: none; border: 0;}
#cmpColumnLeft,#cmpColumnRight{display: inline-table;width: 49%;}
#cmpColumnRight .cmpDG{padding-left: 10%; padding-right: 0;}
#cmpColumnLeft .cmpDG{padding-left: 0;  padding-right: 1s0%;}
#dbValdCon1{margin-right: 10px;}
#dbValdCon2{margin-left: 10px;}
#FactTablesCl tr:nth-child(even){background-color: #F1F1F1;}
#FactTablesCl th{background-color: #666666; color: #FFF;}
#btnAc{width: 100%; height: 40px; margin-top: 20px; cursor: pointer; background-color: #0070c4; border: 0; border-radius: 25px;color: #fff;font-size: 18px;}
#ErrorMsgL{color: #FE0303; text-align: center; font-size: 16px; font-weight: bold; visibility: hidden;}
#ACflex2{margin-bottom: 20px;}
#fecAlta{margin-top:10px; margin-bottom: 10px;}
/*#Usuariom{position: fixed; float: right; width: 100%; background-color: #636363; color: white; margin-bottom: 5px; z-index: 9999;}*/
#Usuariom{position: absolute; float: right; width: 100%; background-color: #636363; color: white; margin-bottom: 5px; z-index: 9999;}
#Footer{bottom: 0; float:left; width:100%; background: #D0CECE; padding-bottom: 15px;}
#VerWeb { width: 127px; height: 31px; background: url(../info/version_web.png) no-repeat; float: right; position: relative; top: 20px; margin-left: 5px;}
#Copy{float: left; margin-left:15px; margin-top:15px;}
#Copy p{color:#444; font: normal 12px Arial, Helvetica, sans-serif;}
#Copy a{color:#444; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
#itable{border-collapse: separate; border-spacing: 20px; width:100%;}
#iframe{width: 100%; height: 50px; resize:none;}
#iframed{width: 100%; height: 50px; resize:none;}
#idist{text-align:center; width:27px;}
#imgd{margin-top:30px;}
#imgi{margin-top:30px;}
#sizet{text-align:right;font-size:12px;color:darkgray;}
#Nav{position: absolute; top:674px; margin-left: 20px;}
#NavPrev{cursor:pointer; position: absolute; top:400px; margin-left: 10px; opacity: 0.2;}
#NavNext{cursor:pointer; position: absolute; top:400px; margin-left: 985px; opacity: 0.2;}
#CurBor{margin-left:228px; width:auto; margin-top:10px;}
#EFirmado{width:260px;}
#ENIF{width:260px;}
#FirCur{float:right; width:auto; height:30px; margin-top:10px;}
#NavCur{font-size:12px;}
#CCONTA{margin-left:40px; margin-right:5px;}
#CGES{margin-right:5px;}
#Cookie{position:fixed; background:black; color:white; opacity:0.7; height:40px; top:0; width:100%; font-size:11px; margin:auto; text-align:center;}
#CookTex{display:block; margin:auto; width:auto; padding:12px;}
#Acep{background: darkgrey;padding: 7px; color: black; margin-left: 30px; opacity: 1; font-weight: bold; cursor:pointer}
#VidGal{width:426px;}
#BolNew{width:120px; height:31px; display:block; background: url(../info/news.png) no-repeat;}
#VerMob{width: 127px; height:31px; background: url(../info/version_mob.png) no-repeat; float:right; position:relative; top:20px; margin-left:5px;}
#VerWeb{width: 127px; height:31px; background: url(../info/version_web.png) no-repeat; float:right; position:relative; top:20px; margin-left:5px;}
#SopOnline{ float: right; margin-right: 15px; margin-left: 15px; margin-top: 22px;background-color: #E1E2E2;text-align: center; padding: 7px;cursor: pointer;text-align: center; text-align: -webkit-center;}
#SopOnlineContent{float: right;display: inline-block;}
#TitleOpcionSear{width: 470px;text-align: right;font-size: 14px; display: none;}
#TitleOpcionSearCmp {width: 30%;margin-right: 15px;height: 65%;float: right;border: solid 1px #666;}
#TitleOpcionSearCmp input{width: 87%;height: 100%;box-sizing:  border-box;float: left;border: 0;padding-left: 10px;}
#TitleOpcionSearCmp input:focus{outline:0px;}
#TitleOpcionSearCmp img{ width: 11%; vertical-align: middle; cursor: pointer; visibility: hidden; margin-top: 3px;}
#CapaOcultar{left:0;width: 100%;height: 87%; background-color: #FFFFFF; z-index: 999; text-align: center; text-align:-webkit-center;}
#CapaOcultar img {display: inline-block;}
#cmpMenuDis{display: none;}
#SalirBarra{background-color: #6666;}
#SalirBarra h2{color: black;}
#MenuDis{margin-top: 50px;position: absolute;width: 100%; display: none;}
#MenuDis ul{margin: 0;padding: 0;width: 100%;display: block;list-style: none;}
#MenuDis li{margin: 0;padding: 0;width: 100%;display: block;list-style: none;}
#MenuDis a{margin: 0;padding: 0;color: #000;font: normal 12px Arial, Helvetica, sans-serif;text-decoration: none;width: 100%;height: auto;display: block;background-color: #D0CECE;border-top: solid 1px white;}
#MenuDis h2{margin: 0;width: 100%;height: 20px;font-size: 12px;font-weight: normal;line-height: 20px;padding: 10px;}
#OCCont{width: 80%; margin: auto;}
#VcomPas{position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.7); z-index: 99999;}
#VcomPasCont{padding: 50px; background-color: white; height: 160px;width: 350px;margin: auto;margin-top: 40%;border-radius: 8px;}
#VcomPasCS{position: fixed;left: 30px; bottom: 30px; background-color: white;height: auto;width: 350px;border: solid 2px #6E6E6E;border-radius: 8px; padding: 20px;}
#InPasVal{margin-top: 20px;height: 40px;width: 100%;box-sizing: border-box;border: solid 3px #E7E7E7; padding-left: 10px; font-size: 16px;}
#notTitle{color: #666; font-size: 24px;}
#inpTDBEnt,#inpTDBOfi{width: 54px;}
#inpTDBDc{width: 34px;}
#inpTDBNCu{width: 114px;}
#dbClBncCCCd{width: 92%;height: 160px;background-color: #E6E6E6;border: solid 1px;padding: 4%;box-sizing: border-box;}
#dbMsgOFP{height: 20px;margin-bottom: 5px;margin-top: 26px;font-style: italic;color: darkred;visibility: hidden;}
#APInfo1{text-align: center;font-size: 14px;}
#APInfo2{text-align: center;font-size: 13px;display: none;border-top: solid 1px #8C8C8C;padding-top: 10px;margin-top: 40px;}
#titleOpcionCellEditDC{display: none;}
#infoDownCS{display: block;}
#cmpColumnRight .cmpCS{padding-left: 10%; padding-right: 0;}
#cmpColumnLeft .cmpCS{padding-left: 0;  padding-right: 10%;}
#lienzobk{width: 250px; height: 175px; border:1px solid black; background: #fff;display: flex;}
#canvas {position: absolute;}
#FltroPromo{margin-bottom: 20px;display: table-caption; width: max-content;}
#tituloPromo{display: inline-grid;width: auto;}
#Btnfiltre{display: none;}
#LiquiTable tr{height: 57px;}


#FilMGes, #FilMConta{display: none;}
#RespFM{display: none;}
#ProgCla{padding: 3px;margin: 3px;font-size: 16px;}
#tablaCartCli a{color:black;}
#ContBusqueda{margin-bottom: 20px;display: table; width: fit-content; margin: auto; margin-right: 0;}


.menuAG{letter-spacing: 0.8px;}
.menuAG ul{float:left; padding:0; margin:0; list-style:none; border:0;}
.menuAG li{float:left; margin:0; padding:0; height: 60px}
.menuAG a{float:left; margin:0; padding:15px 0 5px 0; *padding:30px 0 5px 0; color:#000; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; width:97px; height:55px;}
.menuAG span{padding:0px; margin:0; background:none; height:45px; width:110px;}
.menuAG a:hover{color:#125F88; font-weight: bold; font-size: 16px;} 
.menuAG a:hover span{color:#125F88; font-weight: bold; font-size: 16px; height:45px; width:110px;}
.menuAG h2{margin:15px 0 0 0; background:none; height:45px; width:97px; font-size: 12px; font-weight: normal}
.menuAG a:hover h2{padding:0; margin:15px 0 0 0; color:#125F88; font-weight: bold; font-size: 16px; height:45px; width:97px;}
.barraul{position: fixed;width: 100%;top: 50px;height: auto;background-color: #e6e6e6;list-style: none;list-style-type: none;margin: 0;padding: 0;}
.barraulLi{ height: 40px;background-color: #e6e6e6;border-top: solid 1px white;border-bottom: solid 1px white;}
.barraulLi h2{margin: 0;width: 100%;height: 20px;font-size: 14px;font-weight: normal;line-height: 20px;padding: 10px;padding-left: 18px;color: black;}
.lblUsuario{color: white; cursor: pointer;letter-spacing: 1px; font-size: 14px;}
.imgUsuario{width: 0px;height: 50px;vertical-align: middle;}
.normaltextcenter{text-align: ;}
.logoimgLI{width: 250px; height: 120px;}
.opcionCliente{display: table-cell; width: 170.66px;}
.opcion {color: #666;width: 14.28%; height: 100%; float: left; margin: 0; padding: 0; cursor: pointer;}
.opcion:hover{color: #0070c9;}
.opcion a{color: inherit; text-align: center; text-align:-webkit-center;}
.opcion img{width: 75px; height: 75px; display: inline-block;}
.txtCont{padding-bottom: 15px; font-size: 13px; color: inherit; font-weight: bold;}
.contOpcion{width: 80%; margin-left: 10%; margin-right: 10%; margin-top: 40px; float: left;  margin-bottom: 30px;font-size: 12px;}
.cmpContainer{display: flex; height: auto; margin-top: 30px;}
.cmpColumn{flex: 1;}
.cmpDG{padding: 20px;}
.titleOpcion{border-bottom: solid 2px #E5E5E5;font-size: 24px; color: #666; flex-wrap: wrap}
.titleOpcionTxt{width: 770px; display: table-cell; font-weight: bold; vertical-align: middle; height: 52px;}
.titleOpcionCell{display: table-cell;vertical-align: bottom;}
.titleOpcionCellEdit{font-size: 13px; display: table-cell;}
.titleOpcionCellEditD {background-color: #666;padding: 2px 7px;border-radius: 4px;margin-top: 10px;cursor: pointer;color: white;width: 100px;height: 32px;line-height: 30px;text-align: center;}
.titleOpcionCellEditB {text-align: center;border-radius: 4px;margin: 10px;;cursor: pointer;color: white;width: 90px;padding: 11px;background-color: #0070c9;}
.titleOpcionCellEditDes {background-color: #666;padding: 10px;border-radius: 4px;cursor: pointer;color: white;width: 90px;margin: 30px auto;}
.titleOpcionImg{right: 0; width: 40px; height: 40px; display: table-cell; cursor: pointer;margin: 5px;margin: 0 auto;}
.titleOpcionCellCCart{right: 0; width: 30px; height: 30px; display: table-cell; cursor: pointer;margin: 5px;margin: 0 auto;}

.txtDGCon{width: 100%; height: 35px; background-color: rgb(235, 235, 228);margin-top: 4px; box-sizing: border-box; border: solid 3px #E7E7E7}
.txtDG{width: 100%; height: 100%; border: 0; vertical-align: bottom; box-sizing: border-box; padding-left: 10px;font-size: 16px;}
.txtDGEdit{width: 31px; height: 31px; cursor: pointer;}
.progCl{border-bottom: solid 2px #E5E5E5; padding-top: 40px;}
.progBtn{height: 100%; cursor: pointer; margin-right: 20px; }
.progClContBtn{height: 35px; margin-bottom: 20px; margin-top: 20px;}
.progClContImg{padding-left: 30px;width: 58%;display: inline-block;vertical-align: middle;}
.progClContDt{display: inline-block; width: 35%;}
.progClImg{height: 70px; margin-bottom: 30px;}
.lblprog{display: block; text-align: center; margin-top: 20px;color: black;}
.dbContainer{width: 80%; margin: auto; margin-top: 40px;}
.lblDisplayed{display:block;}
.selClFP{width: 90%; height: 35px; padding-left: 5px;font-size: 16px; margin-top: 4px; border: solid 3px #E7E7E7;}
.FSfp{font-size: 24px; font-weight: bold;}
.dbCcc{background-color: #DCDCDC;padding: 20px;  margin-top: 30px; border: solid 3px gray; box-sizing: border-box;}
.dbCccCont{display: flex;}
.flex1{flex: 1;}
.dbCccTxt{width:100%; box-sizing: border-box; height: 30px; text-align: center; font-size: 20px;}
.dbCccContEn{flex: 3; padding: 5px;}
.dbCccContDC{flex: 2; padding: 5px;}
.dbCccContNC{flex: 8; padding: 5px;}
.dbVald{display:flex; margin-top: 30px; width: 90%;}
.dbValdCon{border: solid 1px; padding: 5px;}
.dbBtnV{width: 90%; height: 30px;}
.dbBtnVTxt{width: 80%; height: 30px; font-size: 24px;}
.dbBtnVImg{width: 27px; height: 27px; float: right;}
.dbClBnc{ margin-top: 30px;}
.dbClTitle{font-size: 24px; font-weight: bold;}
.bdClBncIn{width: 90%; height: 25px; padding-left: 10px;font-size: 16px; margin-top: 4px; border: solid 3px #E7E7E7;}
.csTable{ font-family: arial, sans-serif; border-collapse: collapse; width: 90%; margin: auto;}
.csTable td, .csTable th{ border: 1px solid #dddddd; text-align: center; padding: 8px;}
.csClContainer{text-align: center;}
.csClContainerText{margin-top: 20px;}
.ctrContainer{margin-top: 30px;}
.ctrCon{text-align: center;display: inline-block;width: 32%; margin-bottom: 60px;}
.ctrBtn{ width: 80%;  height: 40px;cursor: pointer;border-radius: 4px; font-size: 13px; background-color: #e0e0e0}
.ctrBtn:hover {border-style: inset;}
.ctrProgImg{width: 50%;}
.buyedProg{ border-color: #1E580F; background-color: #DAF7A6; color: #1E580F; border-style: dashed; border-radius: 12px; cursor: default;}
.ACcont{display: flex; height: auto; margin-top: 30px;}
.ACflex{flex: 1; margin-right: 20px; margin-left: 20px;}
.imglogoAC{display:block; width: 100%;}
.btnGuarCamDG{ float: right; width: 33%; height: 45px; background-color: #636363; color: white; display: none; cursor: pointer;  margin-right: 2%; border-radius: 4px; font-size: 14px;}
.btnCancCamDG{ float: right; width: 33%; height: 45px; background-color: #e0e0e0; color: black; display: none; cursor: pointer; border-radius: 4px; font-size: 14px; margin-right: 3%;}
.lblDisplayedAC{ height: auto; font-size: 20px; display: block;}
.cptDisplayedAC{width: 100%; box-sizing: border-box; height: 50px; margin-top: 10px; margin-bottom: 10px; border: solid 3px #E7E7E7; display: block; font-size: 20px; padding-left: 15px;}
.factImage{height: 30px; cursor: pointer;}
.ver:hover{opacity: 0.6;}
.descargar{margin-left: 10px;}
.descargar:hover{opacity: 0.6;}
.cmpMenu{display: flex; align-items: center; text-align: center;float: right;padding-left: 10px; padding-right: 10px; cursor: pointer;}
.cmpMenuDis{text-align: center;float: right; padding-right: 10px; cursor: pointer;}
.cmpMenu:hover{background-color: #999999;}
.cmpMenuLeft{display: flex; align-items: center; text-align: center;float: left;padding-left: 10px;}
.cmpMenuLeft .lblUsuario{cursor: default;}
.imgWarn{width: 30px;height: 30px;vertical-align: middle; font-style: italic;margin-left: 10px;color: #c0c0c0;font-size: 14px;}
.lblWarn{font-style: italic; font-size: 14px; color: #666666; margin-left: 10px;}
.contWarn{float: right;height: 100%;text-align: right;margin-right: 30px;margin-left: 10px;}
.sMFooter{width: 30px; height: 30px;}
.validatorgp{float:right; margin-top: 22px; margin-left:5px; margin-right:2px;}
.validatortw{float:right; margin-top: 22px; margin-right:2px; margin-left:5px;}
.pnpTxt{box-sizing: border-box;padding-left: 10px;font-size: 16px;width: 50%;height: 35px; border: solid 3px #E7E7E7; margin-top: 5px;}
.imgCarga{width:150px;height:37px; margin-top: 20%;}
.btnRees{display: block; width: 30%; height: 45px; background-color: #636363; color: white; cursor: pointer; margin-right: 2%; border-radius: 4px; font-size: 14px;}
.CCTitle{font-size: 18px;}
.MPMessageRed{float: right; margin: 8px;font-size: 13px;font-style: italic;font-weight: normal;color: darkred;}
.MPMessageGreen{float: right; margin: 8px;font-size: 13px;font-style: italic;font-weight: normal;color: darkgreen;}
.progBtnP{float: right; height: 35px;}
.BtnScroll{position: fixed;left: 88%; top: 92%;width: 35px;height: 35px;background-color: #a7a7a7;border-radius: 4px;display: none;cursor: pointer; }
.BtnScrollUpImg{ height: 100%;}
.txtASp{line-height: 25px; font-size: 16px; overflow: auto; height: 80px;padding: 10px;word-wrap: break-word;width: 90%;font-size: 16px;margin-top: 4px;border: solid 3px #E7E7E7;}
.notText{line-height: 20px;}
.cptDisplayedAC::placeholder { color:red }
.inpTDB{height: 26px; text-align: center;font-size: 18px; margin-right: 10px;}
.rowSerTitle{display: none;}
.rowSer{display: none;}
.GesTablesCl, .ContaTablesCl{display: none;}
.GesTablesCl tr:nth-child(even) {background-color: #E7FEFE;}
.GesTablesCl th{background-color: #11628E; color: #FFF;}
.ContaTablesCl tr:nth-child(even){background-color: #FFE2E2;}
.ContaTablesCl th{background-color: #8E1111; color: #FFF;}
.BtnGD, .BtnGDF{border: 1px solid black;color: black;box-sizing: border-box;width: fit-content;padding: 10px;display: inline-block; margin-left: 20px; margin-top: 20px; cursor: pointer; border-radius: 12px;}
.BtnGDG:hover{background-color:#0B3E5A;color: #FFF;}
.BtnGDC:hover{background-color:#5F0C0C;color: #FFF;}
.BtnCSCon{width: 30%; height: 45px; background-color: #636363; color: white; cursor: pointer; border-radius: 4px; font-size: 14px; display: block;}
.BtnCSConCS{width: 20%; height: 45px; background-color: #636363; color: white; cursor: pointer; border-radius: 4px; font-size: 14px; display: block; margin-top:10px; margin-left: auto;}
.BtnCSConNCS{width: 20%; height: 45px; background-color: #636363; color: white; cursor: pointer; border-radius: 4px; font-size: 14px; display: block; margin-top:15px;}
.CTitContrato{font-size: 15px; font-weight: bold; width: 100%; padding: 25px 0px 10px 0px;}
.OtroClass{width: 100%; padding: 25px 0px 10px 0px;}
.txtCSCon{width: 100%; height: 35px; background-color: rgb(235, 235, 228);margin-top: 4px; box-sizing: border-box; border: solid 3px #E7E7E7}
.txtCS{width: 100%; height: 100%; border: 0; vertical-align: bottom; box-sizing: border-box; padding-left: 10px;font-size: 14px;}
.txtDivTit{margin-top:10px;}
.txtTit,.TitContratoChk,.TitContratoOTRT,.TxtOPT{font-size:14px;}
.cmpCS{padding: 10px;}
.TitContratoCDTT, .TitContratoCET, .TitContratoCCIT{background-color: #E6E6E6; border: solid 1px #444; padding: 30px 40px; border-radius: 2px;}
.DelFirm{margin-left:25px;}
.TitContratoFIRT{font-size:12px; padding:10px;}
.Pol{padding-left:25px;}
.normaltext {font-size: 18px; margin-top: 0; line-height: 24px;}


/*ESTILOS TABLA Cartera de clientes*/

.table-containerCC {display: flex;flex-flow: column;height: 100%;width: 120%;margin-left: -10%;margin-top: 30px;text-align: center;font-size: 12px;}
.table-containerCC table {display: flex;flex-flow: column;height: 100%;width: 100%;}
.table-containerCC table thead {flex: 0 0 auto;width: calc(100%);background-color: #D0CECE; }
#LiquiTable thead {flex: 0 0 auto;width: calc(100%);background-color: #636363;color: white;}
#LiquiTable tbody tr:nth-child(even) { background: #e8e8e8 }
#LiquiTable tbody { font-size: 14px; }

.table-containerCC table tbody {flex: 1 1 auto;display: block;overflow-y: scroll;border: 2px solid #cccccc;height: 700px;}
.table-containerCC table tbody tr {width: 100%; height: 70px;}
.table-containerCC table thead,
.table-containerCC table tbody tr {display: table;table-layout: fixed;border-bottom: 2px solid lightgrey;}
.table-containerCC /* decorations */
.table-containerCC table {border: 1px solid #cccccc;}
.table-containerCC table td, table th {padding: 0.3em;word-break: break-word;}
.table-containerCC table th {border: 0px;}

.LeyeCodEst{font-size: 16px;margin-bottom: 20px;font-weight: 600;display: none;}
.LeyeCodEst span{padding: 8px;cursor: pointer;}
.LeyeCodEst span:nth-child(1){color: #41924B;}
.LeyeCodEst span:nth-child(2){color: #FE8402;}
.LeyeCodEst span:nth-child(3){color: #CC0000;}
.VerdCOD{color: #41924B;font-weight: 600;}
.NaraCOD{color: #FE8402;font-weight: 600;}
.RojoCOD{color: #CC0000;font-weight: 600;}
.SiempreVisible{display: table-cell!important;}
.soloMovilDat{display: none;}
.emailCC{text-transform: lowercase;}


/* MODAL Formulario */



.modalDialog {position: fixed;font-family: Arial, Helvetica, sans-serif;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 99999;opacity:0;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;}
.modalDialog:target {opacity:1;pointer-events: auto;}
.modalDialog > div {width: 80%;max-width: 1300px;position: relative;margin: 10% auto;padding: 5px 20px 13px 20px;border-radius: 10px; background-color:#fff;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in; height: 80%; overflow: scroll;}


/*.close {background: #979799;color: #FFFFFF;line-height: 30px;position: absolute;right: -10px;text-align: center;top: -20px;width: 30px;height: 30px;text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;}*/

/*.close {background: #979799;color: #FFFFFF;line-height: 30px;position: absolute;right: -5px;text-align: center;top: -5px;width: 30px;height: 30px;text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;}*/
.close {background: #979799;color: #FFFFFF;line-height: 30px;position: sticky;display: block;text-align: center;margin-left: 97%;width: 30px;height: 30px;text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;}
.close:hover { background: #0070c9; }



.DatosFormulario .formulario {width: 80%;margin: auto;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 1.25rem;}
.ContLogin .formulario {display: grid;/*grid-template-columns: 1fr 1fr;*/grid-gap: 1.25rem;}


/*--------------------------------------------------*//*--------------------------------------------------*//*--------------------------------------------------*/
/*---------------- MODAL Numero 2 -------------------------*/


.modal-confirm {color: #636363;width: 400px;margin: auto;margin-top: 30%;background: white;opacity: 6; border-radius: 5px;}
.modal-confirm .modal-content {padding: 20px;border-radius: 5px;border: none;text-align: center;font-size: 14px;}
.modal-confirm .modal-header {border-bottom: none;   position: relative;}
.modal-confirm h4 {text-align: center;font-size: 21px;margin: 30px 0 -10px;}
.modal-confirm .close {position: absolute;top: -36px;right: -2px;}
.modal-confirm .modal-body {color: #999;}
.modal-confirm .modal-footer {border: none;text-align: center;		border-radius: 5px;font-size: 13px;padding: 10px 15px 25px;}
.modal-confirm .modal-footer a {color: #999;}		
.modal-confirm .icon-box {width: 80px;height: 80px;margin: 0 auto;border-radius: 50%;z-index: 9;text-align: center;border: 3px solid #f15e5e;}
.modal-confirm .icon-box i {color: #f15e5e;font-size: 46px;display: inline-block;margin-top: 13px;}
.modal-confirm .btn, .modal-confirm .btn:active {color: #fff;border-radius: 4px;background: #60c7c1;text-decoration: none;transition: all 0.4s;line-height: normal;min-width: 120px;border: none;min-height: 40px;border-radius: 3px;margin: 0 5px;}
.modal-confirm .btn-secondary {background: #cdcdcd;border: 1p solid;}
.modal-confirm .btn-secondary:hover, .modal-confirm .btn-secondary:focus {background: #a8a8a8;}
.modal-confirm .btn-danger {background: #636363;}
.modal-confirm .btn-danger:hover, .modal-confirm .btn-danger:focus {background: #ee3535;}
.trigger-btn {display: inline-block;margin: 100px auto;}
.modalDialog {position: fixed;font-family: Arial, Helvetica, sans-serif;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 99999;opacity:0;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;}
.modalDialog:target {opacity:1;pointer-events: auto;}
.modalDialog > div {width: 80%;max-width: 1300px;position: relative;margin: 10% auto;padding: 5px 20px 13px 20px;border-radius: 10px; background-color:#fff;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in; height: 80%; overflow: scroll;}


/*--------------------------------------------------*//*--------------------------------------------------*//*--------------------------------------------------*/

.DatosFormulario .formulario label {display: block;}
.DatosFormulario .formulario button {width: 100%;padding: 1rem;border: 1px solid lighten(#455a64, 50%);}
.DatosFormulario .formulario label {width: 100%;font-weight: 600;border: 1px solid lighten(#455a64, 50%);display: flex;align-items: center; height: 25px;}
.DatosFormulario .formulario textarea {width: 100%;padding: 1rem;border: 1px solid lighten(#455a64, 50%);}
.DatosFormulario .formulario input {width: 90%; height: 30px;}
.DatosFormulario .formulario input:focus-visible { border: 2px solid #0070c9!important; outline: transparent;color: #0070c9}

.ContLogin .formulario label {display: block;}
.ContLogin .formulario button {width: 100%;padding: 1rem;border: 1px solid lighten(#455a64, 50%);}
.ContLogin .formulario label {width: 100%;border: 1px solid lighten(#455a64, 50%);}
.ContLogin .formulario textarea {width: 100%;padding: 1rem;border: 1px solid lighten(#455a64, 50%);}
.ContLogin .formulario input {width: 90%; height: 30px;}
.ContLogin .formulario input:focus-visible { border: 2px solid #0070c9!important; outline: transparent;color: #0070c9}

   
.DatosFormulario .full {grid-column: 1 / 3;}
.ContLogin .full {grid-column: 1 / 3;}

.boton-enviar {background-color: lighten(#455a64, 50%);border: none;border-radius: 5px;text-transform: uppercase;font-weight: bold;cursor: pointer;
  &:focus,
  &:hover {background-color: #455a64;color: #fff;outline: 0;transition: background-color 2s ease-out;
  }
}


#ErrMsg{display: none; width: 200%;text-align: center;color: red;padding: 15px 0;transition: 2 opacity 2s 3s ease-in;}


/*.infoCC {display: none;}*/
.infoCC div {display: none; margin-top: 45px;}
.infoCC span {background: #F8F8F8;border: 3px solid #626eff;color: #717171;font-size: 15px;line-height: 20px;position: absolute;text-align: center;top: 40px;right: -170px;display: none;padding: 40px 30px;width: 400px;}
.infoCC span:after{content:'';position:absolute;top:-10px; width:10px;height:10px;border-bottom:5px solid #dfdfdf;border-right:5px solid #dfdfdf;background:#f8f8f8;right: 100px;margin-left:-10px;-moz-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg);}
.infoCC p{float:left;position:relative;cursor:pointer;}
.infoCC img:hover div{display:block!important;}


.AreaCliDist .wrapper {max-width: 50rem;width: 100%;margin: 0 auto;height: 600px;margin-bottom: 50px;border: 1px solid #cccccc;box-shadow: 5px 10px 8px #cccccc; margin-top: 33%;}

.AreaCliDist .tabs {position: relative;height: 14.75rem;border-top: 1px solid #cccccc;}

.AreaCliDist .tabs::before,
.AreaCliDist .tabs::after {content: "";display: table;}

.AreaCliDist .tabs::after {clear: both;}
.AreaCliDist .tab {float: left;width: 50%;}
.AreaCliDist .tab-switch {display: none;}

.AreaCliDist .tab-label {position: relative;display: block;line-height: 2.75em;height: 3em;padding: 0 1.618em;cursor: pointer;top: 0;transition: all 0.25s;background: #eeeeee;}

.AreaCliDist .tab-label:hover {top: -0.25rem;transition: top 0.25s;}

.AreaCliDist .tab-content {height: 12rem;position: absolute;z-index: 1;top: 2.75em;left: 0;padding: 1.618rem;background: #fff;color: #2c3e50;opacity: 0;transition: all 0.35s;}

.AreaCliDist .tab-switch:checked + .tab-label {background: white;color: #2c3e50;border-bottom: 0;border-right: 0.125rem solid #fff;transition: all 0.35s;z-index: 1;top: -0.0625rem;font-size: 18px;font-weight: 600;}

.AreaCliDist .tab-switch:checked + label + .tab-content {z-index: 2;opacity: 1;transition: all 0.35s;width: 90%;padding: 5%;height: -webkit-fill-available;}
.AreaCliDist .ACcont{margin-top: 100px!important;}


/*MATERIAL GRAFICO*/


.tabs {
  position: relative;
  height: 14.75rem;
}
.tabs::before,
.tabs::after {content: "";display: table;}

.tabs::after {clear: both;}
.tab {float: left;width: 50%;}
.tab-switch {display: none;}

.tab-label {position: relative;display: block;line-height: 2.75em;height: 3em;padding: 0 1.618em;cursor: pointer;top: 0;transition: all 0.25s;background:#d0d0bb96;}

.tab-label:hover {top: -0.25rem;transition: top 0.25s;}

.tab-content {height: 12rem;position: absolute;z-index: 1;top: 2.75em;left: 0;padding: 1.618rem 0;background: #fff;color: #2c3e50;opacity: 0;transition: all 0.35s;}
.tab-switch:checked + .tab-label {background: darkgrey;color: #2c3e50;border-bottom: 0;border-right: 0.125rem solid #fff;transition: all 0.35s;z-index: 1;top: -0.0625rem;}
.tab-switch:checked + label + .tab-content {z-index: 2;opacity: 1;transition: all 0.35s;width: 100%;height: auto;}




.wrapper .modal {display: none; position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%;/*overflow: auto; */overflow-x: hidden;overflow-y: auto;background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.wrapper .modal-content {background-color: #ffF; margin: auto; padding: 8px; padding-top: 0; border: 1px solid #888; max-width: 90%; width: fit-content; margin-top: 6vh; margin-bottom: 6vh; border-radius: 4px;}
.wrapper .modal-container-img {background-color: #fff;}
/*.wrapper .modal-container-img img {}*/
.wrapper .modal-container-img img {width: 100%;}
.wrapper .modal-close {color: #aaaaaa; display: block; width: -moz-fit-content;width: -webkit-fit-content;width: -o-fit-content; width: -ms-fit-content; width: fit-content; background-color: #fff; padding: 8px; padding-right: 2px; font-size: 28px; line-height: 18px; font-weight: bold; float: right;}
.wrapper .modal-close:hover, .modal-close:focus {color: #000; text-decoration: none; cursor: pointer;}

/* ALEM || 2022-03-22 ESTILOS MODALES IMG / VIDEO */
.modal {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;
 /*overflow: auto; */overflow-x: hidden;overflow-y: auto;
background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal-content {background-color: #ffF; margin: auto; padding: 8px; padding-top: 0; border: 1px solid #888; max-width: 90%; width: fit-content; margin-top: 6vh; margin-bottom: 6vh; border-radius: 4px;}
.modal-container-img {background-color: #fff;}
.modal-container-img img { }
.modal-close {color: #aaaaaa; display: block; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content; width: -ms-fit-content; width: fit-content; background-color: #fff; padding: 8px; padding-right: 2px; font-size: 28px; line-height: 18px; font-weight: bold; float: right;}
.modal-close:hover, .modal-close:focus {color: #000; text-decoration: none; cursor: pointer;}

@media only screen and (max-width: 480px) { 
  .tarjetas-container ul li {width: 100%;}
  .tarjeta-imagen img.btn-preview {display: block;}
 /* body {background-color: orange}*/
  }

@media only screen and (min-width: 481px) and (max-width: 768px) {
   .tarjetas-container ul li {width: 50%;}
   .tarjeta-imagen img.btn-preview {display: block;}
   /*body {background-color: blue}*/
  }

@media only screen and (min-width: 769px) and (max-width: 1200px) { 
   .tarjetas-container ul li {width: 100%;}
   /*body {background-color: green}*/
  }

/* MODAL Vídeo Escaparate Distribuidores */
.modal-video-content {background-color: #fff; margin: auto; padding: 8px; padding-top: 0; border: 1px solid #888; border-radius: 4px;}
.modal-video-close {color: #aaaaaa; display: block; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content; width: -ms-fit-content; width: fit-content; background-color: #fff; padding: 8px; padding-right: 2px; font-size: 40px; line-height: 18px; font-weight: 400; float: right;}
.modal-video-close:hover, .modal-video-close:focus {color: #000; text-decoration: none; cursor: pointer;}


/* Footer
===================================== */
.col-contact {display: flex;}
.col-contact a {display: flex;}

/* FIN => ALEM || 2022-03-22 ESTILOS MODALES IMG / VIDEO */




/*----------------------------------------------------------------------------------------------------------------------------------------*/

.graficos-buscador-container {width: 1370px; max-width: 100%; margin-left: auto; margin-right: auto; background: #fff; padding: 24px 0;}
.graficos-btn-tag-container {width: 95%; /*margin-bottom: 20px;*/ margin: 0 auto;}
.graficos-btn-tag {display: inline-block; width: -moz-fit-content;width: -webkit-fit-content;width: -o-fit-content; width: -ms-fit-content; width: fit-content; list-style: none; border: 1px solid #0070c9; font-size: 14px; color: #0070c9; font-weight: 500; padding: 0 16px; border-radius: 20px; cursor: pointer; margin: 4px 2px; height: 38px; line-height: 38px;}

.graficos-btn-tag:hover {/*background-color: #0070c91a;*/ opacity: .65;}
.graficos-btn-tag-active {background-color: #0070c9;}
.graficos-btn-tag a { text-decoration: none; color: #0070c9;}
.graficos-btn-tag-active a {color: #fff;}

.tarjetas-container {/*width: 80%;*/ background: #f5f5f5; padding-bottom: 36px; padding-top: 36px;}
.tarjetas-container ul {display: flex; flex-flow: row wrap; padding: 0;}
.tarjetas-container ul li {/*width: 33.3333%;*/ width: 25%; display: flex;}
.tarjeta { display: flex; flex-flow: row wrap; position: relative; border: 1px solid; /*margin: 3%;*/ margin: 12px; border-radius: 4px; overflow: hidden; background-color: #fff; box-shadow: 0 3px 4px 0 rgba(35,35,35,.1), 0 0 1px 0 rgba(10,31,68,.08); /*box-shadow: 0 1px 8px rgba(0,0,0,.1);*/ border: 1px solid #fff;}
.tarjetas-container ul li a div  {width: 100%;}
.tarjeta-imagen img.btn-preview {position: absolute; display: none;}
.tarjeta-imagen img {display: block;width: 100%;}
.tarjeta-imagen {display: block; position: relative;}
.tarjeta-imagen:hover {cursor: zoom-in;}
.cursor-pointer:hover {cursor: pointer;}
.btn-icon-download {cursor: pointer; float: right;}
.btn-icon-download:hover {opacity: .65;}
.btn-icon-download img {height: 24px}
.tarjeta-texto {/*background-color: red;*/ padding: 24px 16px; padding-top: 16px;}
.tarjeta-texto h3 {/*font-size: 15px;*/ font-size: 13px; font-weight: 600;}
.tarjeta-texto p {margin-bottom: 24px; /*font-size: 13px;*/ font-size: 12px; color: #606060; /*font-size: 14px; color: #959597;*/}
.tarjeta-texto-contenedor-icono {display: block; height: 32px; width: 90%; position: absolute; bottom: 0; padding: 0 16px; font-size: 11px;}

/* ALEM || 2022-03-22 ESTILOS MODALES IMG / VIDEO */
.c-card__video-duration {font-size: .8125rem; font-weight: 400; font-style: italic; margin: 0 8px; color: #999; position: absolute; bottom: 6px; margin-left: 24px;}
.c-card__video-duration-icon {width: 22px; position: absolute; left: -26px; bottom: 0px;}
/* FIN => ALEM || 2022-03-22 ESTILOS MODALES IMG / VIDEO */


/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*LIQUIDACIONES*/




.demo-wrap {
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
  padding-top: 2em;
  width: 100%;
}

.demo-header {
  padding-right: 1em;
  padding-left: 1em;
  text-align: center;
  h1,
  p {
    margin-bottom: 0;
  }
  p {
    font-size: 1.5rem;
  }
}

/* --- Pricing Plans --- */

.pricing-plans {padding: 2em 0;width: 100%;}

.pricing-tables {display: flex;flex-flow: column;padding-top: 1em;}

.pricing-plan {background-color: #f6f6f6;border: 2px solid #DDD;border-bottom: 2px solid #DDD;display: block;padding: 1em 0;text-align: center;width: 100%;}

.pricing-plan:first-child, .pricing-plan:last-child { background-color: #EEE;}

.pricing-plan:first-child {border-bottom: 0;}

.pricing-plan:last-child { border-top: 0;}

.pricing-plan:nth-child(2) {border-bottom: 0;}

.plan-title {font-size: 1em;letter-spacing: -0.05em;margin: 0;padding: 0.75em 1em 1.25em;text-transform: uppercase;}
.plan-cost {background-color: white;color: #636363;font-size: 1.25em;font-weight: 700;padding: 1.25em 1em;text-transform: uppercase;}
.plan-cost span { display: none;}
.plan-price {font-size: 3em;letter-spacing: -0.05em;line-height: 1;margin-bottom: 0;}
.plan-features li:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.plan-features i {font-size: 1.5em;}
.btn-plan {background-color: #636363;color: white;max-width: 12em;padding: 10px;margin: 18px auto;display: block;}


/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/

.CTitContrato{font-size: 15px; font-weight: bold; width: 100%; padding: 25px 0px 10px 0px;}
.OtroClass{width: 100%; padding: 25px 0px 10px 0px;}
.txtCSCon{width: 100%; height: 35px; background-color: rgb(235, 235, 228);margin-top: 4px; box-sizing: border-box; border: solid 3px #E7E7E7}
.txtCS{width: 100%; height: 100%; border: 0; vertical-align: bottom; box-sizing: border-box; padding-left: 10px;font-size: 14px;}
.txtDivTit{margin-top:10px;}
.txtTit,.TitContratoChk,.TitContratoOTRT,.TxtOPT{font-size:14px;}
.cmpCS{padding: 10px;}
.TitContratoCDTT, .TitContratoCET, .TitContratoCCIT{background-color: #E6E6E6; border: solid 1px #444; padding: 30px 40px; border-radius: 2px;}
.DelFirm{margin-left:25px;}
.TitContratoFIRT{font-size:12px; padding:10px;}
.Pol{padding-left:25px;}
.normaltext {font-size: 18px; margin-top: 0; line-height: 24px;}


  /*MODAL NOTIFICACIONES -ALM 07-03-2022*/
  .modal-info {position: fixed; z-index: 9999999; left: 0; top: 0; width: 100%; height: 100%; overflow-x: hidden;overflow-y: auto; background-color: rgba(0,0,0,0.4);}
  .modal-info-content {background-color: #fff; margin: auto; max-width: 768px;width: 94%; max-height: 94%;}
  .modal-close {color: #aaaaaa; display: block; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content; width: -ms-fit-content; width: fit-content; background-color: #fff; padding: 8px; padding-right: 8px; font-size: 40px; line-height: 18px; font-weight: 400; float: right;}
  .modal-close:hover, .modal-close:focus {color: #000; text-decoration: none; cursor: pointer;}


  .c-notification__container {max-width: 768px; min-width: 324px; margin: 0 auto; background-color: #fff; border: 1px solid #cfcfcf; border-bottom: 3px solid #ccc;}
  .c-notification__head {padding: .5rem 3rem; border-bottom: 1px solid #ccc; background-color: #0070c9; color: #fff;}
  .c-notification__content {display: flex; padding: 2.5rem 4rem; border-bottom: 1px solid #aaaaaa;}
  .c-notification__head-title {display: inline-block; font-weight: 400; font-size: 1.5rem;}
  .c-notification__head-subtitle {font-size: 1rem; font-weight: 400; line-height: 1.5; margin: 0; margin-bottom: 12px;}
  .c-notification__img {width: 40%;}
  .c-notification__img img {max-width: 100%;}
  .c-notification__text {width: 60%; margin: 0; margin-left: 1.5rem; font-size: .935rem; font-weight: 500;}
  .c-notification__text100 {width: 100%;}
  .c-notification__date {font-size: 1.15rem; font-weight: 400; color: #999; margin: 0;}
  .c-notification__title {font-size: 1.25rem; font-weight: 600; margin: 0;}
  .c-notification__link {display: block; text-align: right; margin-top: 1.5rem; font-size: 1rem;}
  .link {color: #0070c9; text-decoration: none;}
  .link:hover {text-decoration: underline;}
  .link-img:hover {opacity: .65;}
  .c-notification__btn  {display: inline-block; width: fit-content; max-width: 180px; font-weight: 400; border: 1px solid transparent; padding: 0 56px; font-size: 21px; line-height: 48px; cursor: pointer; color: #fff; background-color: #0070c9; margin: 16px 0;}
  .c-notification__btn:hover {background-color: #fff; color: #0070c9; border: 1px solid #0070c9;}
  .c-notification__form {max-width: 100%; display: block; padding: 24px 36px;}
  .c-notification__div {margin: 8px 0; clear: both; display: inline-block; width: 100%;}
  .c-notification__label {display: block; margin: 0 0 0.5em 0; font-size: 1em;}
  .c-notification__input {margin: 0 0 0.5em 0; border: 1px solid #ccc; padding: 6px 10px; color: #555; font-size: 1em; width: 100%;}
  .c-notification__select {height: 32px; width: 100%; border: 1px solid #ccc;}
  .c-notification__textarea {border: 1px solid #ccc; padding: 6px 10px; width: 100%; color: #555;}
  .c-notification__more-news {padding: 1rem 0;}
  .c-notification__link-news {font-size: 1rem; font-weight: 400; color: #0070c9; margin: 12px 24px;
    padding-left: 1.5rem;}
  .c-notification__link-news:hover {text-decoration: underline;}


/*NOTICIAS ALM 07/03*/
img {max-width: 100%;}
.c-news {padding: 36px 0 48px; border-bottom: 1px solid #eaeaea; /*overflow: hidden;*/ /*background: yellow;*/}
.c-news-headline {position: relative; margin-bottom: 24px;}
.c-news-headline__date {font-size: 1rem;font-weight: 400;color: #999;}
.c-news-headline__title {font-size: 24px; font-weight: 600;}
.c-news-headline__subtitle {font-size: 16px; font-weight: 600;}
.c-news-body {overflow: hidden;/* border: 1px solid blue;*/}
.c-news-body__image {width: 33.3333%; float: left; /* padding-right: 24px;*/ /*padding-bottom: 24px;*/ margin-right: 48px; margin-bottom: 24px;}
.c-news-body__image-link:hover {opacity: .65; cursor: pointer;}
.c-news-body__text p { /*font-size: 1.125rem;*/ font-size: 16px; margin-bottom: .5rem; font-weight: 300;}
.c-news__btn {display: inline-block; width: 86px; text-align: center; border: 1px solid #0070c9; font-size: 14px; color: #0070c9; font-weight: 500; padding: 0 16px; border-radius: 20px; cursor: pointer; margin: 4px 2px; height: 38px; line-height: 38px; position: absolute; right: 0; bottom: 12px;}
.c-news__btn-small {display: inline-block; width: 72px; text-align: center; border: 1px solid #0070c9; font-size: 12px; color: #0070c9; font-weight: 500; border-radius: 20px; cursor: pointer; height: 28px; line-height: 28px; position: absolute; right: 0; /*bottom: 28px;*/}
.c-news__btn:hover, .c-news__btn-small:hover {opacity: .65;}



/*SOPORTE*/
.c-support__container {display: flex;flex-wrap: wrap;padding-bottom: 24px;margin-bottom: 48px;}
.c-support__text {font-size: 1rem;font-weight: 300;width: 100%;}
.c-support__title-normal {font-size: 1.55rem;font-weight: 600;width: 100%;margin: 0;}
.c-support__title-big {font-size: 2.5rem;font-weight: 600;margin-bottom: 6px;width: 100%;}
.c-support__content-w20 {width: 20%;}
.c-support__content-w80 {width: 80%;}
.c-support__icon-frame-circle {max-height: 86px; margin: 0 auto; margin-bottom: 16px;padding-right: 16px;}
.c-support__ul {font-size: 1rem; font-weight: 300; width: 100%; margin-top: 21px;}
.c-support__li {margin-bottom:16px;}
.c-support__icon-info {width: 26px; height: 26px; display: inline-block;}




@media only screen and (max-width: 576px) {
  .c-notification__content {display: flex; padding: 2rem;border-bottom: 2px solid #aaaaaa;flex-direction: column;}
  .c-notification__text {width: 100%; font-size: 15px; margin: 0; margin-top: 12px;}
  .c-notification__img {width: 100%; text-align: center;}
  .c-notification__head-title {display: inline-block; font-weight: 400; font-size: 1.5rem;}
}

  /*END MODAL NOTIFICACIONES -ALM 07-03-2022*/



@media only screen and (max-width: 480px) { 
    .tarjetas-container ul li {width: 100%;}
    .tarjeta-imagen img.btn-preview {display: block;}

	/*Noticias*/
	.c-news {padding: 16px 0;} 
	.c-news__title {padding: 0 24px;}
	.c-news-headline {display: flex; flex-wrap: wrap; margin-bottom: 0;}
	.c-news-headline__date {display: block; width: 100%;}
	.c-news-headline__title {width: 100%; font-size: 21px;}
	.c-news-headline__subtitle {width: 100%; font-size: 15px;}
	.c-news-body__text p {font-size: 14px;}
	.c-news-body__image {width: 100%; margin-right: 0;}
	.c-news__btn-small {display: block; position: initial; order: 2; margin-top: 24px; width: 50%; height: 40px; line-height: 40px; font-size: 16px;}


	    /*SOPORTE*/
	.c-support__container {display: flex;flex-wrap: wrap;padding-bottom: 24px;margin-bottom: 0;}
	.c-support__text {}
	.c-support__title-normal {font-size: 1.45rem;}
	.c-support__title-big {font-size: 2rem;}
	.c-support__content-w20 {display: none;}
	.c-support__content-w80 {width: 100%;}
	.c-support__ul {width: 96%;}
	.c-support__mobile-hide {display: none;}



  }

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .tarjetas-container ul li {width: 50%;}
    .tarjeta-imagen img.btn-preview {display: block;}

     /*Noticias*/
    .c-news {padding: 36px 0 48px;}
    .c-news__title {padding: 0 24px;}
    .c-news-headline {margin-bottom: 0;}
    .c-news-headline {display: flex; flex-wrap: wrap;}
    .c-news-headline__date {display: block; width: 100%;}
    .c-news-headline__title {width: 100%; margin: 8px 0;}
    .c-news-headline__subtitle {width: 100%; margin: 8px 0;}
    .c-news-body__image {width: 100%; margin-right: 0; margin-bottom: 6px;}
    .c-news__btn-small {display: block; position: initial; order: 2; margin-top: 36px; width: 50%; height: 40px; line-height: 40px; font-size: 16px;}

  }

@media only screen and (min-width: 769px) and (max-width: 1200px) { 
   .tarjetas-container ul li {width: 100%;}
   /*body {background-color: green}*/
  }


@media (min-width: 400px) {
  .pricing-plans {padding-right: 2em;padding-left: 2em;width: 100%;}
  .titleOpcionImg {width: 40px;height: 40px;margin: 0 auto;}
}

@media (min-width: 33.75em) {
  .pricing-plans .module-title {margin-bottom: 1em;}

  .pricing-tables { flex-flow: row wrap;}

  .pricing-plan {flex-grow: 1;width: 50%;}
  .pricing-plan:first-child {border-bottom: 0;}
  .featured-plan {margin-top: 0.6em;order: 0;}
  .pricing-plan:last-child {border-top: 2px solid #DDD;}
  .no-flexbox .pricing-plan {width: 48%;}
  .plan-title {font-size: 0.875em;}
}

@media (min-width: 48em) {
  .no-flexbox .pricing-plan {width: 24%;}
  .plan-type {font-size: 0.7em;margin: 0.5em 0 0 1em;padding-bottom: 0.2em;}
  .featured-ribbon {font-size: 0.65em;}
}

@media (min-width: 62em) {
  .pricing-tables {padding-top: 3em;}
  .pricing-plan {flex-grow: 1;width: 25%;}
  .pricing-plan:first-child, .pricing-plan:nth-child(2n) {border-bottom: 2px solid #DDD;}
  .plan-cost {display: flex;flex-flow: row wrap;align-items: center;justify-content: center;font-size: 1em;}
  .plan-cost span {color: #BBB;font-size: 1.5em;font-weight: 400;padding-right: 0.15em;padding-left: 0.15em;}
  .plan-price {font-size: 3.25em;}

  .btn-plan {font-size: 0.875em;}

}

@media (min-width: 75em) {
  .plan-cost {font-size: 1em;}
}

@media (min-width: 100em) {
  .pricing-tables {margin: 0 auto;max-width: 75.00em;}
}






/*END LIQUIDACIONES*/ /*END LIQUIDACIONES*/










@media (max-width: 900px){
	/*Búsqueda*/
	#TitleOpcionSear label{display: none;}
	.table-containerCC {font-size: 12px;}

}

/*Tablet tamaño normal*/
@media (max-width: 840px){
	/*Noticias*/
	#notTitle{font-size: 21px;}
	.notText{font-size: 14px; line-height: 18px;}

	/*Acceso clientes*/
	.ACcont{display: block;}
	.imglogoAC{display:block; width: 80%; margin: auto;}
	#ACflex1{margin-right: auto;}
	.ACflex{width: 80%; margin: auto;}
	.cptDisplayedAC{height: 40px;}
	.lblDisplayedAC{font-size: 20px;}
	#btnAc{height: 40px; font-size: 16px; margin-top: 40px;}
	.ACflex{display: block;}
	#ACflex1 {margin-bottom: 40px;}
	#APInfo1 {display: none;}
	#APInfo2 {display: block;}
	.AreaCliDist .wrapper {width: 90%; height: 1000px;}

	/*Menú navegacion principal*/
	.cmpMenu{display: none;}
	#cmpMenuDis{display: block;}
	.txtCont{font-size: 11px;}

	/*Cambiar contrasena*/
	.pnpTxt{width: 70%;}
	.btnRees{ width: 50%;}

	/*Facturación*/
	.factImage{height: 20px;}
	.csTable td, .csTable th{font-size: 14px;}
	.rowSerTitle{display: none;}
	.rowSer{display: none;}

	/*Copia de seguridad*/
	.BtnCSCon {width: 40%;}
	.BtnCSConCS {width: 30%;}	
	.BtnCSConNCS {width: 30%;}
	/*.AreaCliDist .tab-switch:checked + label + .tab-content {height: auto;}*/

	.imgUsuario{width: 30px;}

}

@media (max-width: 750px){
	/*Menú navegacion del Cliente*/
	.txtCont{display: none;}
	.opcion img{ width: 100%; height: 100%;}
	/*.table-containerCC table td, table th {display: none;}*/
	#tablaCartCli table td {display: none;}
	#tablaCartCli table th {display: none;}


	/*Búsqueda*/
	#titleOpcionCellBus{display: none;}

	/*Facturación*/
	.csTable td, .csTable th{font-size: 10px;}

	/*Footer*/
	#Copy{width: 100%; text-align: center; text-align: -webkit-center;margin-left: 0;}
	/*#Copy a{width: 33%;display: inline-block;}*/
	.col-contact {display: flex;flex-direction: column;align-items: center;}
	#Copy a{width: 100%;display: flex;justify-content: center;margin: 8px 0;}
	#SopOnlineContent{float: none; width: 100%; }
	#SopOnline{float: none; margin: auto; margin-top: 22px; width: fit-content; width: -moz-fit-content; width: -webkit-content;}
	#AgrupRedesSociales{text-align: center;}
	.TitContratoFIRT{padding:0px;}
	.validatorgp{float:none; display: inline-block;}
	.validatortw{float:none; display: inline-block;}
	.soloMovilDat{display: table; width: 100%;}

}

@media (max-width: 600px){
	#dbClBncCCCd{width: 100%;}
	#inpTDBEnt,#inpTDBOfi{width: 36px;}
	#inpTDBDc{width: 23px;}
	#inpTDBNCu{width: 83px;}
	#CccTa td{font-size: 12px;}
	.close {margin-left: 96%;}

	.inpTDB{font-size: 12px; margin-right: 5px;}	
	.TitContratoCDTT, .TitContratoCET, .TitContratoCCIT {padding:0px; padding-bottom: 10px;}
	.BtnCSCon {width: 100%;}
	.BtnCSConCS {width: 100%; margin-bottom: 30px;}
	.BtnCSConNCS {width: 100%; margin-bottom: 30px;}
	.table-containerCC {font-size: 9px;}
	#openModal .contacto .formulario {display:block}
	.modalDialog > div {height: 85%;overflow: scroll;}
	.TableLiqui{font-size: 8px;}


}

/*Móviles*/
@media (max-width: 450px){
	/*Todos los contenedores repetidos*/
	.contOpcion{margin-top: 20px;}
	/*.titleOpcionCellEdit{position: fixed; bottom: 10px; right: 10px;}*/
	.Pol{padding-left:5px; padding-right:5px;}
	#VcomPasCont{width: 60%;}
	#titleOpcionCellEditDC{display: block;}
	/*#ContCamb{display: none;} // Cambiado por que si no oculta los botones para moviles de Guardar y borrar datos en el formulario  */

	/*Datos generales*/
	.cmpContainer{display: block; margin-top: 0px;}
	#cmpColumnLeft, #cmpColumnRight{display: block; width: 100%;}
	#cmpColumnLeft .cmpDG{padding: 20px; padding-bottom: 5px;}
	#cmpColumnRight .cmpDG{padding: 20px; padding-bottom: 5px;}

	/*Programas*/
	.progClCont {display: block;}
	.progClContImg {padding: 0; text-align: center;display: block; width: 100%;}
	.progClContDt{display: block; width: 100%;}
	.progClContBtn {height: auto;}
	.lblprog{font-size: 14px;}
	.MPMessageGreen, .MPMessageRed{float: initial; text-align: center;margin: auto; margin-top: 10px;}
	.progBtnP{float: initial; width: fit-content; width: -moz-fit-content;  width: -webkit-content; margin: auto;}

	/*Datos bancarios*/
	.dbContainer{ width: auto; height: auto;}
	.inpTDB{margin-right: 0px;}

	/*Contratar*/
	.ctrContainer{display: block;}
	.ctrCon{flex:1; width:100%; margin-bottom: 0;}
	.ctrProgImg{margin: 0;}

	/*Copia de seguridad*/
	#VcomPasCS{left: 10px;bottom: 10px; padding: 10px; width: auto; }
	#DoCsBtn{width: min-content;}
	#imgDownCS{display: block; margin: auto; margin-bottom: 0; width: 30px;}
	#infoDownCS{display: none;}
	#lblDownCS{display: none;}
	.BtnGD{margin-left: 0;}
	#RespFM{display: block; margin-top: 10px;}
	.normaltext {font-size: 16px;}

	/*Faturación*/
	.descargar{margin-left: 0;}
	.dbClTitle{font-size: 18px;}
	.dbClP{font-size: 14px;}
	.dbClP i{display: block;}
	.FSfp{font-size: 21px;}
	.ver{display: none;}
	
	/*Cartera clientes*/
	.btnGuarCamDG{width: 45%;}
	.btnCancCamDG{width: 45%;}

	/*Cambiar contrasena*/
	#passNPText{font-size: 13px;}
	.pnpTxt{width: 100%;}
	.btnRees{width: 80%; margin: auto;}

	/*Búsqueda*/
	#titleOpcionCellBus{display: none;}
	
	/*Soporte Premium*/
	.infoSpt{display: block;}

	/*Contratar copia seguridad*/
	#cmpColumnLeft, #cmpColumnRight{display: block; width: 100%;}
	#cmpColumnLeft .cmpCS{padding: 20px; padding-bottom: 5px;}
	#cmpColumnRight .cmpCS{padding: 20px; padding-bottom: 5px;}
}