#formas_formulario {overflow: hidden; background-color: #CCD1D9; margin-bottom: 20px; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,0.05);-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);}

#formas_formulario > .progress {margin: 15px 15px; height: 15px; background-color: #656D78;}
#formas_formulario > .progress > .progress-bar {width: 60%;}

#formas_formulario > .panel-group {margin: 0;}

#formas_formulario > .panel-group > .panel {margin: 0;border: 0;border-bottom: 1px solid #ddd;border-radius: 0;box-shadow: none;}
#formas_formulario > .panel-group > .panel:last-child  {border-bottom: 0;}

#formas_formulario > .panel-group > .panel > .panel-heading { background: none; color: inherit; font-style: normal; border: 0; padding: 0;}
#formas_formulario > .panel-group > .panel > .panel-heading > .panel-title { padding: 0; margin: 0; font-size: inherit;}
#formas_formulario > .panel-group > .panel > .panel-heading > .panel-title > a { display: block; position: relative; z-index: 2; background: #fff; color: #111; font-weight: 600; padding: 15px 15px 15px 35px; font-style: normal; text-decoration: none;    font-size: 14px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.10);border-radius: 0; cursor: pointer;}

#formas_formulario > .panel-group > .panel > .panel-heading > .panel-title > a > .fa {color: #6d6d6d;display: inline-block;width: 25px;text-align: center;}

#formas_formulario > .panel-group > .panel > .panel-heading > .panel-title > a:before {display: inline-block;width: 15px;color: #AAB2BD;position: absolute;left: 15px;top: 15px;font: normal normal normal 18px/1 FontAwesome;content: "\f0d7";font-size: 20px;text-align: center;}
#formas_formulario > .panel-group > .panel > .panel-heading > .panel-title > a.collapsed:before {content: "\f0d8";}

#formas_formulario > .panel-group > .panel > .panel-heading > .panel-title > a:hover:before {color: #656D78;}

/* Collapse */
#formas_formulario > .panel-group > .panel > .panel-collapse {position: relative;z-index: 1;background-color: #E6E9ED;}

#formas_formulario > .panel-group > .panel > .panel-collapse .list-group {border-radius: 0;background-color: #CCD1D9; padding: 15px;}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group .list-group-item:first-child {border-top: 0;}

/* Tarjetas */
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito {}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.tarjetas {background: #f7f7f7; padding: 20px 15px;}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.tarjetas .list-inline {margin: 0 0 0 -5px; text-align: center;}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.tarjetas .list-inline > li {padding: 7px 7px;}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.tarjetas .list-inline > li > label {margin: 0;font-weight: normal;position: relative;cursor: pointer;}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.tarjetas .list-inline > li > label > input {display: none;}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.tarjetas .list-inline > li > label > img {position: relative;z-index: 1; height: 50px; background: #FFF;border-radius: 3px;box-shadow: 2px 2px 8px rgba(51, 51, 51, 0.3);}

/* Bancos */
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.bancos {background: #f7f7f7; padding: 20px 15px;}

#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.tarjetas .list-inline > li.active > label {}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.tarjetas .list-inline > li.active > label > img {box-shadow: 0px 4px 18px rgba(51, 51, 51, 0.85);}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.tarjetas .list-inline > li.active > label:after {display: block;content: "\f00c";font: normal normal normal 30px/1 FontAwesome; position: absolute;bottom: -8px;right: -10px;color: #3c763d;text-shadow: 2px 1px 2px rgba(51, 51, 51, 0.3);z-index: 2;}

/* Forma */
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.forma {background: #f7f7f7;}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.forma > .list-group-item-heading {font-size: 15px;}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.forma > .list-group-item-text {font-size: 11px; color: #999;}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.forma > .list-group-item-text > p {margin: 0 0 10px;}


/* Cuotas */
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.cuota {display: block; background: #eaeaea; position: relative; z-index: 1; font-weight: normal; cursor: pointer; padding: 15px 10px 10px 35px;}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.cuota:hover {z-index: 2; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.cuota.active {color: inherit; background: #FFF; border-color: #ddd;}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.cuota.active:before {content: "\f046"; color: #3c763d;}

#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.cuota input[type="radio"] {display: none;}

#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.cuota strong {}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.cuota .cft {text-align: right; font-size: 20px; color: #a7a5a5; line-height: 15px;}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.cuota .cft small {font-size: 12px;}

#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.cuota:before {display: inline-block; width: 20px; color: #95a095; position: absolute; left: 10px; bottom: 10px;  font: normal normal normal 18px/1 FontAwesome; content: "\f096"; }
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-credito .list-group-item.cuota:hover:before {color: #42763d;}

/* Formas */
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-formas {}

#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-formas > .list-group-item {overflow: hidden; padding: 0; background: #f7f7f7; margin-bottom: 16px; border: 0; border-radius: 4px; box-shadow: 0 5px 9px rgba(0, 0, 0, 0.15);}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-formas > .list-group-item:last-child {margin-bottom: 0;}

#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-formas > .list-group-item > label {display: block; position: relative; margin: 0; padding: 15px 10px 10px 35px; font-weight: normal; cursor: pointer; }
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-formas > .list-group-item > label > input[type="radio"] {display: none;}

#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-formas > .list-group-item > label:before {display: inline-block; width: 20px; color: #95a095; position: absolute; left: 10px; top: 24px; font: normal normal normal 18px/1 FontAwesome; content: "\f096"; }
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-formas > .list-group-item:hover > label:before {color: #42763d;}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-formas > .list-group-item.active > label:before {content: "\f046"; color: #3c763d;}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-formas > .list-group-item.active {color:  inherit;background: #FFF;}

#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-formas > .list-group-item > label .img-bg {height: 45px; background: center no-repeat; background-size: contain;}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-formas > .list-group-item > label .list-group-item-heading {margin: 7px 0; font-size: 19px; font-weight: 500;}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-formas > .list-group-item > label .list-group-item-text {}
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-formas > .list-group-item > label .list-group-item-text p { font-size: 12px; margin: 0; line-height: 16px; color: #555;}

#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-formas > .list-group-item > label .cargo { font-size: 14px; font-weight: 500; text-align: right; padding: 7px 0;} 
#formas_formulario > .panel-group > .panel > .panel-collapse .list-group.list-group-formas > .list-group-item > label .cargo span { font-family: monospace;}