/*---------------- Graficas  ------------------*/
#bigChart{ float:left; width:68%; }
.chart{background:#fff; float:left; width:100%;  padding:20px 10px 63px!important;  box-shadow: 1px 1px 8px #d7d7d7; height:370px; border-radius:4px;}

.section{float:left; width:100%}
#mainKpis{float:left; width:27%; margin-right:2%; margin-left:20px;}
#widthKpis, #widthKpisComplementos{float:left; width:93.9%; }

#hold #widthKpisComplementos em{display: none; position: absolute; background:#3e5996; color:#fff; width:100%; top:0px; left:0px; padding:6px 10px 8px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-weight:800 }
#widthKpisComplementosMobile em{display: none; position: absolute; background: #3e5996; color: #fff; width: 108px; top: 35px; left: 0px; padding: 6px 10px 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight: 800;}
#hold #widthKpisComplementos td:hover em, #widthKpisComplementosMobile td:hover em{display: block}
#hold #widthKpisComplementos td{position:relative;}


.boxTable{float: left; width: 100%; background: #fff; margin: 20px 0 0; padding:10px 20px; box-shadow: 1px 1px 8px #d7d7d7; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-size:.8em}
.boxTable strong{font-weight:800}
.boxTable span{float: left; width: 100%; padding: 0 0 6px 0; font-size: .9em;  font-weight: 800;}
.boxTable p{font-size:.9em; display:block; padding:10px 0}
.boxTable table{width:100%}
.boxTable table td{vertical-align:top!important}
.boxTable table th{font-size: 1em; color: #909090; text-transform: uppercase; letter-spacing:.6px; font-weight: 600;}
.boxTable table tr td:first-child{width:200px; text-align:left; padding-left:15px}
.boxTable table td p{color:#777; text-transform:inherit!important}
.boxTable table td em{text-transform:inherit!important}
.boxTable .izzi .precio{font-size:1.2em; }
.boxTable .precio{font-size:1.2em; color:#333; }
.boxTable .precioDir{font-size:1.2em; color:#333; margin-bottom:4px; text-align:center}
.titulo{display: block; font-size:14px; border-bottom: 1px solid #ccc; padding: 0 0 6px 0; margin-bottom: 6px; color: #273149; font-weight: 800; font-family: Arial!important; text-transform: uppercase; }
.boxTable i{font-style: normal; font-size:.6em; font-weight:800}
.boxTable table td{border-bottom:1px dashed #f4b1d2; padding:10px; vertical-align:middle; border-right: 1px dashed #eee;}
.marcasBox{    background: #3e5996; padding: 4px 14px!important; width: 100%; color: #fff!important;}


.widthKpisVeinte{float:left; width: 22.8%; margin-right:.5%; margin-left:.6%;}
.widthKpisVeinte img{width: 30px;}
.widthKpisCincuento img, #widthKpis img{width:10px;}
.agr img{width:15px!important}
.widthKpisVeinte .box table td{vertical-align:middle; text-align:center; padding: 0 5px;}
.widthKpisVeinte  td button{background:none}
.widthKpisVeinte  td li{line-height:19px; text-align:left; float:left; width:100%; padding:0!important; }
.widthKpisVeinte  td li:hover{background:#f5f6ff}
.widthKpisVeinte  td li a{padding:5px 10px; float:left; width:100%}
.widthKpisVeinte th{padding: 0 5px;}
button{background:none}
.widthKpisCincuento{float:left; width: 45%;}
.widthKpisCincuento .box table td{vertical-align:middle; text-align:center; padding: 0 5px;}
.widthKpisCincuento  td button{background:none}
.widthKpisCincuento  td li{line-height:19px; text-align:left; float:left; width:100%; padding:0!important; }
.widthKpisCincuento  td li:hover{background:#f5f6ff}
.widthKpisCincuento  td li a, .tips li a{padding:5px 10px; float:left; width:100%}
.widthKpisCincuento th{padding: 0 5px;}
.wrapTips{position: relative; text-align:center}
.wrapTips button{font-weight:600}
#izziPaquetes button{width:80px}
.tips{    position: absolute; top: 18px; background: #fff;  padding:0px; border: 1px solid #ddd;  border-radius: 5px; width: 158px; left:0x; z-index: 999999;}

.miniChart{width:100%; height:182px; float:left}
#barMiniChart{width:100%}
#miniCircleChart{width:100%; height:220px; float:left}
#promociones{margin:20px 0 0 0}
.miniCircleChart{ height:200px; width: 100%; margin:20px auto 0  }
#widthKpisComplementos td strong{float:left; width:100%; font-size:.9em}
#hold #widthKpisComplementos td strong{float:left; width:110px; font-size:.9em}
#widthKpisComplementos td em{float: left; width: 100%; color: #0070c0; font-size: .9em; font-weight: 400;}
#widthKpisComplementos td {vertical-align: middle}
#widthKpisComplementos td b{font-size:1.2em;}
#widthKpisComplementos td span{width:inherit!important; padding:0px!important; float: none!important; font-size:1.8em}
#widthKpisComplementos th{text-align: center}
.bckIzzi{}
.marcar{color:#e5083e!important;}
.agr{display: none}
.wrapTips:hover .agr{display: block}
.agr{position: absolute; right:0px;}
.tit{font-size: 1.3em; display: block; margin-bottom: 10px;}
.notaComment{display: block; padding: 20px 0 0;}
.notaComment strong{font-size:1.2em}
.notaComment p{display: block}
.fancyWindow .inp{display: block; width: 100%; border: 1px solid #ccc; height: 34px; margin-bottom: 10px; padding: 0px 10px;  border-radius: 4px;}
.fancyWindow .sel{display: block; width: 100%; border: 1px solid #ccc; margin-bottom: 10px; height: 34px; padding: 0 10px;  border-radius: 4px;}
.widthKpisCien{float:left; width:95.9%; margin-right: 1%; margin-left:6px;}
.box{float: left; width: 100%; background: #fff; margin:10px 0 0;}
.boxBuscador{float: left; width:98%; background: #fff; margin:0 0 0; padding:10px 20px; box-shadow: 1px 1px 8px #d7d7d7; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.box table{width:100%}
.box table th{padding:5px; vertical-align:top}
.box table th{font-size: 1em; color: #909090; text-transform: uppercase; letter-spacing:.6px; font-weight: 600;}
.sec{border-bottom:1px solid #ccc}
.box table td p{color:#777; text-transform:inherit!important}
.box table td em{text-transform:inherit!important}
.box .izzi .precio{font-size:1.2em; }
.box .precio{font-size:1.2em; color:#333; }
.box .precioDir{font-size:1.2em; color:#333; margin-bottom:4px; text-align:center}
.titulo{display: block; font-size:16px; border-bottom: 1px solid #ccc; padding: 0 0 6px 0; margin-bottom: 6px; color: #273149; font-weight: 800; font-family: Arial!important; text-transform: uppercase; }
.box i{font-style: normal; font-size:.6em; font-weight:800}
.box table span{padding: 6px 0; float: left; margin-right:5px; font-weight: 800; color: #333; font-size:.9em}
.izzi{border: 1px dotted #fbd5e8!important;}
.box table td{border-bottom:1px dotted #f4b1d2;  border-right: 1px dotted #eee;}
.sin{padding:10px 0px!important}
.box .preciosPromociones{padding-left:10px}
.checkList{padding-left:20px; line-height:14px; font-size:10px}
.bullet{line-height:10px;}
.bullet strong{text-decoration: underline}
.checkLis a{color: #3e5996!important}
.h1Precios{padding:0px 5px 4px; border-radius: 5px; font-size: 13px; font-weight: bold; margin-bottom:5px;}
.preciosPromociones p, .box table ul li{font-weight:400; line-height:1.3em; float:left; width:100% }
.fecha{width:67px; text-transform: capitalize; float:left}
.tips li{ font-weight:400;  line-height:1.3em; float:left; width:100%; padding-right:0px!important}
.promos p{float:left; width:68%; padding-right:20px; text-align:justify}
.promos li{float:left; width:100%; padding:4px 0;}
.promos .even{background:#eef4ff91!important}
.promos strong{float: left; line-height: 17px; width: 23%;}
.infoTip, .infoClick{width:12px!important; position: absolute; right: -1px; top:-2px; cursor: pointer!important; display:none}
.infoTipDos{width:12px!important; position: absolute; right: 8px; top:4px; cursor: pointer!important;}
.holder{float: left; width: 100%; border-bottom: 1px dashed #ccc;  padding:1px 0 0 6px; margin-bottom:6px; position:relative}
.holderWrap{float: left; width: 100%;  position:relative; padding:1px 0 0 6px}
.holder strong, .holderWrap strong{display:none; position: absolute; top: -29px;  left:0px; background: #3e5996; padding: 5px 6px; border: 1px solid #ccc; border-radius: 4px; color: #fff; font-size:.75em; font-weight:800; width:100%}
.holder:hover strong, .holderWrap:hover strong{display:block;}
.relative:hover{background:#f4f4f4!important}
.minimize{font-size: .9em;text-align: center; float: left; width:100%; line-height: 1.6em; vertical-align: middle;}
#BioMarca .logoMarca{    margin: 5px 0 10px 10px; float: left; cursor:pointer}
.logoMarca img{border:1px solid #ddd; background:#fff}
.logoMarca img:hover{border:1px solid #abcdf3;}
.aliceBlue{background:#eef5fa!important}
#marcasListas th{text-align:center}
.logotipoMarca img{width:40px}
.notiene, .tiene{background:#c1c8dca8; border: 1px solid #fff;}
.tiene{background:#00800085}
#descripcionPaq, #descripcionPaq li {background: none!important}
#descripcionPaq li{padding:0px!important}
#movilEstilos th{background: #fff5fb; border-bottom: 1px solid #fbd5e8; color: #333; text-transform: capitalize; font-size: .95em;}
#movilEstilos .prepa{display: none; position: absolute; background:#3e5996; color:#fff; width:120px; left:0px; top:32px;}
td:hover .prepa{display:block;}
#movilEstilos sin{position:relative}
.redesSociales{display: block; margin:4px auto 0px; width:134px}
.redesSociales img{width:20px; margin:1px; border-radius:10px;}
.vermas{width: 2%!important; cursor: pointer}
.vermas img{width: 10px; }
.listaul{float: left; width: 100%; }
.listaul .bor{border-bottom: 1px solid #ddd }
.listaul td{float:left;padding:6px 1%; font-size:.9em}
.fechaU{width:8%!important}
.nombreU{width:22%!important}
.servicioU{width:21%!important}
.tipoServicioU{width:9%!important}
.megabyteU{width:9%!important}
.precioU{width:12%!important}
.canalesU{width:10%!important}
.logotipoMarca{width:60px}
.wrapPaquete p{padding:5px 0px!important}
.wrapPaquete{background: aliceblue; padding: 10px 20px 20px; float: left; width: 100%;}
.wrapPaquete a{color: #c30}
.wrapPaquete a:hover{text-decoration: underline}
.wrapPaquete strong{margin-top:10px}
.promoc, .promoc li, .promoPaq ul,.promoPaq li{background: none!important;}
.promoc, .promoPaq ul{padding:0px!important;}
.promoc li, .promoPaq li{font-weight: 400; padding: 0px!important; list-style: disc; margin-left: 17px;}
.smaller{font-size:.6em; float:left; line-height:31px; width:20px}

.promoPaq li{float:left; width:99%!important; padding:1px 0px!important; font-size:12px; line-height:20px;}
.leOne .promoPaq:hover{background:#eaf4fd!important}
#cardex{float:left; width:100%; font-size:11px;}
#cardex .leOne{float: left; width: 100%; padding:0 0 0 10px!important; font-weight:400;  background:#f9f3dd; border-bottom:1px solid #f8f8f8}
.leOne span{float:left; width:16%; padding:6px 8px; background:#f9f3dd; font-size:12px; line-height:20px}
.leOne button{background:none; border:none; text-align:left; float:left; padding:0px 5px 0 0; font-size:12px; line-height:20px}
.leOne button:hover{color:#d1581f}
.leOne .promoPaq{float:left; width:84%; background:#f0f8ff; padding:8px; font-size:12px; line-height:20px}
.ott{float: left; width: 50px; margin-right: 10px; background: #fff; padding: 4px; border: 1px solid #a5cefd; border-radius: 4px;}
.ott img{width:100%}
.bor td{cursor:pointer}
#modalForm label, #modalFormPromocion label{float: left; width: 100%; color: #3e5996; font-size: 2em;}
#modalForm p, #modalFormPromocion p{float: left; width: 100%; padding: 10px 0; color: #717d9a; font-size:11px }
#modalForm fieldset, #modalFormPromocion fieldset{position:relative; float:left; width:100%}
#modalForm strong, #modalFormPromocion strong{float:left; width:100%; margin-bottom:6px}
#modalForm em, #modalFormPromocion em{font-style: normal;}	
#modalForm textarea, #modalFormPromocion textarea{float: left; width: 100%; height: 151px; border: 1px solid #a3afca; border-radius: 4px; padding:10px!important}
#modalForm .guardar, #modalFormPromocion .guardar{position: absolute; bottom:9px; right: 10px; z-index: 99999999999; background: #d70f6f; border: none; color: #fff;  font-weight: 600; padding: 6px 18px; border-radius: 4px; font-size: 1.1em;}
#modalForm .guardar:hover, #modalFormPromocion .guardar:hover{background:#e02d83}
#modalForm{width: 100%; height: 200px; position: relative;}
.leOne h3, #tabs-5 h3{background: #3e5996; padding:6px 9px; font-size: 1.1em; color: #fff; font-weight: 700; float: left; width: 100%;}
.leThree h3{background: #ededed; padding:6px 9px; font-size: 1.1em;  font-weight: 700; float: left; width: 100%;}
.leTwo h3{background: #274380; padding:6px 9px; font-size: 1.1em; color: #fff; font-weight: 700; float: left; width: 100%;}
.wrapPromo{background:#f9f3dd; float:left; width:100%}
.ottsWrap{float: left; width: 12.5%; background: #eceff1; border: 1px solid #fff;}
.ottsWrap span{display: block; margin: 10px 10px 0; text-align: center; height: 50px;}
.ottsWrap span img{width: 40px;}
.ottsWrap label{margin: 0px auto; display: block!important; float: none!important;}
.insideTabHead{padding: 10px 20px; color: #547ba5; font-size: 16px; float:left; width:100%;}
.wrapMunicipio{float: left; width: 33.3%; padding: 6px 20px; background: #c4dcf7; border:1px solid #fff;}
.wrapMunicipio span{font-size:11px; float: left; margin: 5px; width: 80%; color: #354778; font-weight: 600;}
.wrapMunicipioCien{float:left; width:100%}
.wrapMunicipioCien h5{float: left; padding:6px 20px; font-size:11px}
.wrapMunicipio label{margin:2px 0!important; }
.wrapEstado{float:left;width:100%; background:#e9e9e9; font-weight: 600; color: #425990;}
.wrapEstado span{float: left; font-size: 14px; padding: 0 20px; line-height: 39px;}
.wrapEstado label{margin:10px!important}
.GRIS{background: #ccc; border-radius: 50px; height: 6px; width: 6px; float: left; margin:2px 7px 5px 0;}
.NARANJA{background:orange; border-radius: 50px; height: 6px; width: 6px; float: left; margin:2px 7px 5px 0;}
.AZUL{background:#3395ff; border-radius: 50px; height: 6px; width: 6px; float: left; margin:2px 7px 5px 0;}
.MORADO{background:purple; border-radius: 50px; height: 6px; width: 6px; float: left; margin:2px 7px 5px 0;}
.VERDE{background:green; border-radius: 50px; height: 6px; width: 6px; float: left; margin:2px 7px 5px 0;}
.ROJO{background:#c30; border-radius: 50px; height: 6px; width: 6px; float: left; margin:2px 7px 5px 0;}
.CAFE{background:#a5642a; border-radius: 50px; height: 6px; width: 6px; float: left; margin:2px 7px 5px 0;}

.cambios{float:left;width:100%; }
.cambios div{float:left; width:100%; padding:10px 20px; border-top:1px dotted #b1c5f2; background:#f2f3f4}
.cambios p{padding: 0px!important; font-weight: 600; float: left; margin-top: 10px; width: 100%;}
.cambios em{text-decoration: line-through; color: #72b5f0; float: left; width: 100%; margin: 10px 0;}
.cambios span{display: block;  margin: 0 0 8px;}
.vigencia{font-size: .9em; font-style: italic; padding: 5px 0; float: left; width: 100%; color: #8496c0; font-weight: 600;}

.leOne h3 b{float:left;}
.activatePaquete{float: left; width:50px!important; height: 20px; margin-left: 10px;}

.leOne inp, .leOne li .inp, .leOne .promoPaq .inp{float:left; width:100%; border: none; padding-left:10px}
.promoPaq .inpDate{float:left; width:100px; border: none; padding-left:10px}
.leOne select{float:left; width:100%; border: none; background: none; padding-left:5px}
.leOne textarea{float:left; width:100%; border: none; height:180px; background: none; padding-left:10px} 
.promoPaq .currencySimbol{position: absolute; top:5px; }
.promoPaq li{position:relative}
.can{position: absolute; left: 41px;  top: 5px;}
.alert p{padding:5px 0!important}
.leOne h3 .item { margin-bottom: 0px!important; margin-right: 10px; float: left; height: 21px;}
.labelPro{float:left;  font-style:normal; line-height: 18px;}
.wraplabelPro{float:left; width:100%; padding:2px 10px}
.wraplabelPro input{float:left; margin-right:10px}
.wrapOtt{float:left; width:100%; padding:0px 10px 3px}
.wrapOtt div{float:left; width:100%}
.wrapOtt div strong, .wrapOtt div em, .wrapOtt div p{padding:0px!important}
.wrapOtt div b{float: left; width: 100%; padding:0px;}
.wrapOtt div em{float:left; width:100%; margin:10px 0 0 0; font-weight:800 }

.relacion img{width:150px;}
.relacion span{float:left; width:150px;}
.relacion p{float: left; width:400px; padding:0 0 0 10px; color:#6f7d9f!important; line-height:16px; font-size:1.1em;}
.relacion strong, .relacion em, .relacion i{color:#6f7d9f!important; font-style: normal}
.relacion em{margin-top:10px}
.relacion strong{font-size:1.1em}
.relacion h4{background: #eee; float: left; font-size:.9em; padding: 3px 10px; font-weight: 600; border-radius: 12px; text-transform:uppercase;}

.relacionMencion img{width:100%; border:1px solid #ccc; padding:2px;}
.relacionMencion span{float:left; width:100%;}
.relacionMencion p{float: left; width:400px; padding:0 0 0 10px; color:#6f7d9f!important; line-height:16px; font-size:.9em;}
.relacionMencion strong, .relacionMencion em, .relacionMencion i{color:#6f7d9f!important; font-style: normal}
.relacionMencion em, .relacionMencion i{ float:left; width:100%; margin-top:10px}
.relacionMencion strong{font-size:1.1em; float: left; width: 100%; margin-bottom:10px;}
.relacionMencion h4{background: #eee; float: left; font-size:.9em; padding: 3px 10px; font-weight: 600; border-radius: 12px; text-transform:uppercase;}

.thrity{float:left; width:20%;}
.thrity img{width:100%; border: 1px solid #ccc; padding: 2px;}
.seventy{float: left; width:80%; padding:0 20px;}
.bckWhite{background:#fff!important}
.note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable{height:200px!important}
.note-editable{line-height:1.4em;}
.note-editable p{padding:0px!important;}
.note-editable li{background:none!important; margin-left:15px!important; list-style: disc; padding-bottom:0px!important;}
.note-editable span{float: none; width: inherit; background:none; text-align: left; height: inherit; padding:0px; margin-left:0px; border: none; margin-right:0px; margin-top: 0}
.note-editable ul{background:none!important; margin-left:0px!important; padding:0px!important; margin-top:6px!important}
.note-editable b{float:left; width:100%}
.note-editable h1, .note-dropdown-item h1{padding:10px 0!important;}
.note-dropdown-item p, .note-dropdown-item blockquote, .note-dropdown-item pre{padding:0px!important}
.note-editable .info{border-bottom:none!important; padding:0px!important; font-weight: inherit!important; font-size:inherit!important; color: #25334c!important}
.infoMencion strong{font-size:1.6em; line-height:1.4em; margin-bottom:14px; margin-top:6px}

.head{float: left; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 10px; border-top: 1px solid #ccc;}
.head span{width:12%; float:left; padding: 0px 20px;}
.head span img{height:100px}
.head p{float:left; width:86%; padding:0px 20px!important; height: 100px; padding: 26px 0 20px 25px!important;}
.head b{text-transform: uppercase}

.tools{display: block; height:34px; margin-bottom:10px; position:relative }
.tools li{float:left; width:100%;}
.tools li a{text-align:left; float:left; width:100%; padding:4px 10px!important; height:inherit!important;     border-bottom: 1px solid #ccc; padding: 3px 10px; margin:0px;}
.tools li a:hover{background:#fff;}
.tools span{float:right; padding:0 2px; background:#e2e2e2; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border: 1px solid #ccc; height: 34px;}
.tools a{float:left;  padding:5px 8px; height:32px;}
.tools a:hover{background:#eee}
.tools span img{width:20px;}
#subMenuEnvio{display: none; position: absolute; top: 33px; right: 0px; background: #e2e2e2; width:200px; padding:0px; margin:0px;}
#envioAlerta{display:block; width: 100%; padding: 10px 0; text-align: center; background: #e2e2e2; border-radius: 5px; border: 1px solid #ccc; font-size: 1em; margin-bottom: 10px; text-transform: uppercase;}
#envioAlerta:hover{background:#d7106f; color: #fff}
.modalBoton{float: left; width: 100%; margin: 10px 0; background: #d70f6f; color: #fff; padding: 9px 0; text-align: center;  font-weight: 800; text-transform: uppercase; font-size: 1.2em;  letter-spacing: -.3px; border-radius: 4px; border: none}
.modalBoton:hover{color:#fff; background:#de4790}
.envioForm{text-align:center}
.envioForm h2{float:left; width:100%; text-align:center; margin-bottom:10px}
.envioForm .inp{float: left; width: 100%;  text-align: center; padding: 10px 0; border: 1px solid #ccc; border-radius: 4px; margin: 15px 0 0;}

.textarea{float: left; width: 100%; height: 80px; padding: 10px; border: 1px solid #ddd; border-radius: 4px;}
.prepa{float: left; width: 100%; font-size: .9em; color: #c04e87; padding: 2px 4px; text-align:center}
#movilEstilos .wrapTips button{font-weight:800}
.precioDir:hover{color: #d70f6f!important}

#spanBlock td strong{display:block; width:100%!important; text-align:center}
#spanBlock td b{display:block; width:100%!important; text-align:center}

.promoca{ position: absolute; top: 0px; height: 1000vh!important; background: #fff; right:0px; z-index: 999999; width: 380px; padding: 83px 20px; box-shadow: -2px 8px 23px #617093; display:none}
.promoca h5{text-transform: uppercase; font-size: .96em; margin-top: 10px;}
.promoca h1{font-size:1.8em}
.infoMarca{position:absolute; top:0px; right:20px; cursor:pointer}
.cerrarDiv{position: absolute; right:22px; top: 90px; cursor:pointer}
.texto h3{background: #3e5996; color: #fff; border-radius: 4px; font-size: 1.3em; padding: 3px 10px; font-weight: 600; margin: 20px 0 10px;}

.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, 300px);
  /* minmax(300px, 1fr)*/
  grid-gap: 30px;
  padding: 20px;
  justify-items: center;
  justify-content: center;
  align-items: start;
}
.box {
  padding:0 10px 10px 0;
}
.item {
  margin-bottom: 2em;
}
.veinticinco{float:left; width:25%; text-align:left; }
.colores p{padding:0px 0 5px 10px; margin:0px; line-height:14px; font-size:10px;}
.wrapColores{background:#FAF8F9; float:left; width:100%; border:1px solid #fbd5e8 }
.colores h3{padding:0px 0 2px 10px; margin:10px 0 0px;}
.colores h4{padding:0px 0 0px 10px; margin:10px 0 0px; color:#D7276D; height:10px;}
.fleft{float:left; width:96%; padding:2%}
.wrapTips p{padding:10px 0}
.mark{display: block; width:50px; color:#2e7ac8!important; font-size:10px; margin-bottom:6px;}