/*
** IMPORTANT: DO NOT REMOVE THIS
** OID: 477291e8-5abc-40a9-b75e-c60e87d814eb
** OID: ID-21-form-design-atlas.css
** Publish date: Feb 11, 2020, 3:33:53 PM CST
** Last modified: Oct 9, 2023, 12:38:39 PM CDT
*/


#id-0021 .tag-recomendado {
    top: -4px;
    right: 36px;
    border-radius: 0 0 4px 4px;
    height: 24px;
    align-self: center;
}

#id-0021 .tag-recomendado::after, #id-0021 .tag-recomendado::before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #17798C;
    top: 0;
}

#id-0021 .tag-recomendado::before {
    left: -4px;
    border-radius: 8px 0px 0px 0px;
}

#id-0021 .tag-recomendado::after {
    right: -4px;
    border-radius: 0px 8px 0px 0px;
}

#id-0021 .cnt-arrow {
            padding-top: 15% !important;
}
#id-0021 .lista-iconos ul{
display:flex;
}

/*#id-0021 .plan-item:last-child .cnt-bono{
min-width:100% !important;
}*/ 
#id-0021 .plan-item{
margin-left: 1.6%;
margin-right: 1.6%;
}
#id-0021 .lista-iconos ul li {
            margin-left: 4px;
        }
#id-0021 .c-tabs-header{
border-bottom:0px;
}

#id-0021 .tab-title{
border-bottom: 1px solid #E5E7E8;
}

/*#id-0021 .plan-item{
background: linear-gradient(0deg, #f0f0f0 50%, #ffffff 50%);
}*/
 #_movil_postpago .c-form-group,
   #_hogar .c-form-group,
   #_movil_prepago .c-form-group {
   margin-top: 10px;
   }
   .c-label.title {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: bold;
   font-size: 11px;
   line-height: 12px;
   letter-spacing: -0.01em;
   color: #283342;
   }
   #bradiobutton ul li {
   color: #283342;
   display: block;
   position: relative;
   float: left;
   }
   #_fijoPostpago .c-form-group,
   #_movilPostpago .c-form-group {
   margin-top: 25px;
   }
   #bradiobutton ul li input[type=radio] {
   position: absolute;
   visibility: hidden;
   }
   #bradiobutton ul li label {
   display: block;
   position: relative;
   font-weight: 300;
   font-size: 16px;
   padding: 0px 20px 0px 30px;
   margin: 0px auto;
   height: 20px;
   z-index: 9;
   cursor: pointer;
   -webkit-transition: all 0.25s linear;
   }
   #bradiobutton ul li:hover label {
   color: #0FBDDF;
   }
   #bradiobutton ul li .check {
   display: block;
   position: absolute;
   border: 1px solid #E5E7E8;
   border-radius: 100%;
   height: 20px;
   width: 20px;
   top: 0px;
   left: 0px;
   z-index: 5;
   transition: border .25s linear;
   -webkit-transition: border .25s linear;
   }
   #bradiobutton ul li:hover .check {
   border: 2px solid #0FBDDF;
   }
   #bradiobutton ul li .check::before {
   display: block;
   position: absolute;
   content: '';
   border-radius: 100%;
   height: 10px;
   width: 10px;
   top: 3px;
   left: 3px;
   margin: auto;
   transition: background 0.25s linear;
   -webkit-transition: background 0.25s linear;
   }
   #bradiobutton input[type=radio]:checked ~ .check {
   border: 2px solid #0FBDDF;
   }
   #bradiobutton input[type=radio]:checked ~ .check::before {
   background: #0FBDDF;
   }
   #bradiobutton input[type=radio]:checked ~ label {
   color: #283342;
   }