@font-face {
    font-family: 'TG_regular';
    src: url('../fonts/TradeGothicLT.eot?') format('eot'),
    url('../fonts/TradeGothicLT.woff') format('woff'),
    url('../fonts/TradeGothicLT.ttf')  format('truetype'),
    url('../fonts/TradeGothicLT.svg#TradeGothicLT') format('svg');
}
@font-face{
    font-family:"Trade Gothic W01 Bold";
    src:url("../fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix");
    src:url("../fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix") format("eot"),
    url("../fonts/f51d24dd-8256-43c6-ba1a-6aeae9d3f262.woff") format("woff"),
    url("../fonts/955ee494-66b2-4eb2-8f19-bc3a088df16d.ttf") format("truetype"),
    url("../fonts/d5153ad4-7c93-4757-9147-640e69ec4801.svg#d5153ad4-7c93-4757-9147-640e69ec4801") format("svg");
}
@font-face{
    font-family:"Trade Gothic W01 Bold 2";
    src:url("../fonts/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot?#iefix");
    src:url("../fonts/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot?#iefix") format("eot"),
    url("../fonts/1454a71d-cdbb-429c-8092-122f4493e0c7.woff") format("woff"),
    url("../fonts/d5ea405c-2180-4ff0-bd51-3e19fb280be4.ttf") format("truetype"),
    url("../fonts/70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9.svg#70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9") format("svg");
}
@font-face{
    font-family:"Trade Gothic W01 Light";
    src:url("../fonts/1d699af3-0e50-4c4b-a343-42d071e85714.eot?#iefix");
    src:url("../fonts/1d699af3-0e50-4c4b-a343-42d071e85714.eot?#iefix") format("eot"),
    url("../fonts/537b145a-6a7d-4787-81d9-7228d3a42458.woff") format("woff"),
    url("../fonts/8e50278c-45cd-4808-b774-24767d958f17.ttf") format("truetype"),
    url("../fonts/d918b947-5fcb-42e2-8286-a98a801876de.svg#d918b947-5fcb-42e2-8286-a98a801876de") format("svg");
}

* {margin:0; padding:0;}
html {font-size:100%;}
body {/*font-size:0.625em;*/ font-size:14px; min-height:435px; position:relative; padding-bottom:0px; width:100%;}
section, article, footer { width:100%;}

/* Estilos Generales */

h2, h3 {font-weight: normal !important;}
.wrapper {width: 80%; margin: 0 auto;}
h1 img {max-height: 70px;}
.container.border {border-bottom: 4px solid #e10a0a; background-color: #ffff;}
.h3-cont {padding-top: 55px;}
.h3-cont > .f21b {padding-top: 21px;}

.header {height:auto;}
.header h1 {padding-top:25px; padding-bottom:20px}
.header1 {height:100px; background:#FFF}
.header1 h1 {margin-top:20px; margin-bottom:25px}
.header h2{padding-top: 50px; padding-bottom: 20px;}
.wHalf {float:left; width:50%;}
.bBox {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.content {width:100%;height:580px; margin-bottom:45px;}
.contentG {width:100%;height:445px; margin-bottom:20px;}
.contentA {width:100%;height:400px; margin-bottom:20px; text-align:center}
.contentC {width:100%;min-height:400px; margin-bottom:20px; padding-bottom:25px;}
.top {padding-top:30px; padding-bottom:40px;}
.cuerda {}
.pinzas {
    width: 80%;
    margin: 0 auto;
    padding-top: 55px;
}
.pinzas > .f21b {padding-top: 21px;}
/*.padBtn {margin-top:30px;}*/
.button-offer .fRegWhite {font-family:'Trade Gothic W01 Bold 2',Arial;color:#fff;}
.fRegWhite {font-family:'Trade Gothic W01 Light',Arial; color:#fff;}
.fRegWhiteDisabled {font-family:'Trade Gothic W01 Light',Arial; color:grey;}
.fRegRed {font-family:'Trade Gothic W01 Light',Arial; color:red;}
.fRegBlack {font-family:'Trade Gothic W01 Light',Arial; color:#000;font-weight: normal;}
.fRegBlue {font-family:'Trade Gothic W01 Light',Arial; color:#025290;}
.fBoldWhite {font-family:'Trade Gothic W01 Bold',Arial; color:#fff;}
.fBoldBlack {font-family:'Trade Gothic W01 Bold',Arial; color:#000;}
.fBoldBlack_title {font-family:'Trade Gothic W01 Bold',Arial; color:#000;}
.fCondWhite {font-family:'Trade Gothic W01 Bold 2',Arial; color:#fff;}
.fCondBlack {font-family:'Trade Gothic W01 Bold 2',Arial; color:#000;}
.fBoldBlue {font-family:'Trade Gothic W01 Bold',Arial; color:#239fc3;}

footer.f15 {font-size: 0.98em;font-family: 'Arial'; font-weight: bold;}
.button-link .fRegBlack {font-family: 'Arial';}
.f10 {font-size:0.98em; line-height:1.1;}
.f11 {font-size:1.100em; line-height:1.1;}
.f15 {/*font-size:1.500em;*/ font-size: 1.1em;line-height:1.1;}
.f16 {/*font-size:1.600em;*/ font-size: 1.2em; line-height:1.1;}
.f17 {/*font-size:1.700em;*/ font-size: 1.5em; line-height:1.1;}
.f18 {font-size:1.800em; line-height:1.1;}
.f19 {font-size:1.3em; line-height:1.1;}
.f20 {font-size: 1.333em; line-height:1.1;}
.f21 {/*font-size:2.100em;*/ font-size: 1.333em; line-height:1.1;}
.f21b {font-size:1.60em; line-height:1.1;}
.f22 {font-size:2.180em; line-height:1.1;}
.f22b {font-size:2.000em; line-height:1.1;}
.f23 {font-size:2.300em; line-height:1.1;}
.f29 {font-size:2.900em; line-height:1.1;}
.f36 {/*font-size:3.600em;*/ font-size: 2.2em; line-height:1.1;}
.f45 {/*font-size:4.200em;*/ font-size: 2.75em; }

.fUp {text-transform:uppercase;}

.fColor {color:#025290 !important;}

.bWhite {background:#fff;}
.bPink {background:#b92f84;}
.bGrey {background:#ebebeb;}
.bGreyPago {background:#e6e6e6;}
.bBlack {background:#000;}
.bBlue {background:#239fc3;}

.shadow {
    -webkit-box-shadow: 0 12px 11px 0 rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 12px 11px 0 rgba(0, 0, 0, 0.18);
    box-shadow: 0 12px 11px 0 rgba(0, 0, 0, 0.18);
    position:relative; z-index:1; overflow:visible;}

.center {text-align:center;}
.relative {position:relative;}



/* Estilos Específicos */

.info_top article {padding:14px 12px;}
.info_top article div {float:left; width:66%;}
.info_top article div + div {float:right; width:34%;}
.info_top article div h3 {margin:0 0 10px;}
.info_top article div img {float:right;}

.button-offer-submit {background-color: #88c23f; padding:14px 40px; display:inline-block; text-decoration:none; text-align: center; min-width: 220px; margin: 10px 0}

.offer {padding-top:10px;}
.offer .bPink {padding:9px 12px 9px;}
.offer .bWhite {padding:20px 0;}
.offer .bWhite .wHalf.izq p {padding:0 5px;}
.offer .bWhite .wHalf.izq p + p {margin-top:5px;}
.offer .bWhite .wHalf.dcha p {padding:0 30px;}
.offer .bWhite .wHalf + .wHalf {border-left:1px solid #000;}
.offer .bWhite .wFull {margin-top:20px;}
.button-offer a{background-color: #e10a0a; padding:14px 40px; display:inline-block; text-decoration:none; text-align: center; min-width: 220px; margin: 10px 0}
.button-offer input[type="button"]{background-color: #e10a0a; padding:14px 48px; display:inline-block; text-decoration:none; border: none; color: #fff;font-size: 1.2em;line-height: 1.1;font-family: 'Trade Gothic W01 Bold 2',Arial;}
.button-offer-white div {background:url(../img/yoigo_arrow_grey.png) no-repeat right center white; padding:8px 48px 8px 10px; display:inline-block; text-decoration:none;border: 1px grey solid; font-family:'Trade Gothic W01 Bold 2',Arial; color:grey}
.offer-info-pago-img .button-offer a {width: auto;}
.done {background:url(../img/yoigo_done.png) no-repeat right center #000!important;}
.offer .decimal {position:absolute; font-size:0.5em; top:8px; right:-30px;}
.offer-info {padding-top:36px; /*width:100%;*/ width: 26%; margin:0 auto}
.offer-info-mmm {padding-top:15px; width:100%; margin:0 auto}
.offer-info-cas {padding-top:50px; width:100%; margin:0 auto;}
.offer-info-cas-2 {padding-top:20px; padding-bottom: 50px; width:100%; margin:0 auto;}
.offer-info-conf {padding-top:25px; padding-bottom:25px; margin:0 auto}
.offer-info-conf2 {padding-top:12px; width:80%; margin:0 auto}
.offer-info-pago {padding-top:25px; padding-bottom:25px; width:80%; border-bottom:1px solid #000; margin:0 auto}
.offer-info-pago-img {padding-top:0px; padding-bottom:25px; width:100%; margin:0 auto;}
.offer-info-pago-img h3 {padding-bottom:15px; margin:0;}
.offer-info-pago-img p {margin-top:10px; margin-bottom:20px;}
.offer-info-pago-img-2 {margin-top:10px; margin-bottom:20px;}
.offer-info-pago-sms {padding-top:25px; padding-bottom:10px; margin:0 auto;}
.offer-info-pago-sms-2 {
    padding:25px 0px 0px;
    width:84%;
    margin:29px auto;
    border-bottom:1px solid #000;
    border-top:1px solid #000;
}

.offer-info-pago-sms-3 {
    padding:20px 0px;
    width:84%;
    margin:29px auto;
    border-bottom:1px solid #000;
    border-top:1px solid #000;
}
.offer-info-pago-sms-mensaje {padding-top:50px; padding-bottom:60px; margin:0 auto}
.offer-info-pago-sms ul {margin: 0;	padding: 0;}
.offer-info-pago-sms li {display:inline;}
.offer-info-pago-sms li:first-child{margin-right:40px;}
.offer-info-pago-sms input {padding:10px;}
.offer-info-pago-sms-2 ul {	margin: 0;padding: 0;text-align:right;display: inline-block;}
.offer-info-pago-sms-2 ul li {
    display:block;
    float: left;
    position:relative;
    vertical-align:middle;
    margin-bottom:0px;
}
.offer-info-pago-sms-2 ul li ul{vertical-align:middle;margin:0px 18px;}
.offer-info-pago-sms-2 ul li ul li{vertical-align:middle;margin:0;width: 59%;}
.offer-info-pago-sms-2 ul li ul li:nth-child(2) {width: 41%;}
.offer-info-pago-sms-2 ul li ul li:nth-child(2) span {font-weight: bold;margin-top: 10px;float: left;}
/*.offer-info-pago-sms-2 li:first-child{margin-right:40px;}*/
.offer-info-pago-sms-2 input {padding:9px;float: left;text-align: right;width: 77%;}
.offer-info-pago ul {margin: 0;padding: 0;text-align:center}
.offer-info-pago-sms-2 ul span {display: block;list-style-type: none;margin:3% 0;}

.offer-info-pago-sms-3 ul {	margin: 0;padding: 0;text-align:right;display: inline-block;}
.offer-info-pago-sms-3 ul li {
    display:block;
    float: left;
    position:relative;
    vertical-align:middle;
    margin-bottom:0px;
}
.offer-info-pago-sms-3 ul li ul{vertical-align:middle;margin:0px 18px;}
.offer-info-pago-sms-3 ul li ul li{vertical-align:middle;margin:0;width: 59%;}
.offer-info-pago-sms-3 ul li ul li:nth-child(2) {width: 41%;}
.offer-info-pago-sms-3 ul li ul li:nth-child(2) span {font-weight: bold;margin-top: 10px;float: left;}
/*.offer-info-pago-sms-3 li:first-child{margin-right:40px;}*/
.offer-info-pago-sms-3 input {padding:7px;float: left;text-align: right;width: 77%;}
.offer-info-pago ul {margin: 0;padding: 0;text-align:center}
.offer-info-pago-sms-3 ul span {display: block;list-style-type: none;margin:7px 0;}

.offer-info-pago li {display:inline;}
.offer-info-pago input {padding:10px;margin-top:-10px;}
.offer-info-pago li:first-child {float:left;}
.offer-info-pago li:last-child {float:right;}
.offer-info-pago-img ul {margin: 0;	padding: 0;	text-align:center;}
.offer-info-pago-img li {
    display:inline-block;
    position:relative;
    vertical-align:top;
    margin-bottom:10px;
}
.offer-info-pago-img-input {
    width:50px;
    height:25px;
    background:#FFF;
    border:0;
    text-align: left;
}
.input-normal {	background:#FFF;border:1px solid #CCC;}
.offer-info-pago-img-input-error {
    width:50px;
    height:25px;
    background:#fae4e8;
    border:1px solid red;
}
.info_bottom {padding:20px 10px;}

.button-link a {padding:0px; text-decoration:none;text-align: center;}
.button-link .fRegBlue a {display: block;}
footer {
    padding:20px 10px 30px;
    font-family:Arial;
    font-weight:bold;
    font-size:1.2em;
}

/* formularios */
.bBlue form {width:390px; margin:0 auto}
.bBlue form ul {list-style-type:none;margin:0;padding:0;}
.bGrey ul {
    border-top: 1px solid;
    list-style-type: none;
    margin: 0;
    padding: 20px 0 0;
    text-align: left;
}
.bGrey ul li {line-height:2.6;padding-left:38%;}
.bBlue form ul li {margin-bottom:20px; display:list-item}
.bBlue label {
    width:100px;
    float:left;
    margin-right:10px;
    text-align:right;
}

.bBlue input {padding:10px; width:255px; border:1px solid #CCC; margin-top:-10px;}

/*.error {border:1px solid red; background:#FFF; color:red; padding:10px; height:auto; overflow:hidden; width:auto;margin: 10px 0; max-width: 280px; text-align: left;}*/
.error {border:1px solid red; background:#FFF; color:red; padding:10px; height:auto; overflow:hidden; width:auto;margin-left: 80px; max-width: 280px; text-align: left;margin-top: 10px;}
.error_top {border:1px solid red; background:#FFF; color:red; padding:10px; height:auto; width:auto; max-width:239px; margin-top:10px; display:inline-block; margin-bottom:10px; text-align: left;}
.error_center {border:1px solid red; background:#FFF; color:red; padding:10px; width:auto; height:auto; max-width: 280px; text-align: left;}
.error_right {border:1px solid red; background:#FFF; color:red; padding:10px; width:280px; height:auto; text-align: left;}
.error-sms {border:1px solid red; background:#FFF; color:red; padding:10px; max-width:280px; margin: 20px 0px 10px; text-align: left;}
.error_input {background:#fae4e8; border:1px solid red;}
.error_login {border:1px solid red; background:#FFF; color:red; padding:10px; max-width:280px; margin: 20px 0px;}
.input_tlf{	display: block;float: right;height: 38px;margin: 2px 7px;width: max-content;}
/*
.fRegBlack.f15.offer-info-pago-sms-2.center > ul > li:last-child{width: 100%;margin-top: 41px;}
.fRegBlack.f15.offer-info-pago-sms-2.center > ul > li:last-child > ul{text-align: center;float: left;}
.fRegBlack.f15.offer-info-pago-sms-2.center > ul > li:last-child > ul > li{width: 100%;margin: 0 auto;}
*/

/* responsive */
@media screen and (max-width:1280px){ /*_________________________________________ordenador1_______________________________________________________*/
    .offer-info-pago-sms-2 ul li ul li:nth-child(2) {width: 50%;}
    .offer-info-pago-sms-2 ul li ul li {width: 50%;}
    .offer-info-pago-sms-2 ul span {margin: 0;}

    .offer-info-pago-sms-3 ul li ul li:nth-child(2) {width: 50%;}
    .offer-info-pago-sms-3 ul li ul li {width: 50%;}
    .offer-info-pago-sms-3 ul span {margin: 0;}
}
@media screen and (max-width:1153px){ /*_________________________________________ordenador1_______________________________________________________*/

    #credit{min-height: 950px !important;}
    .offer-info-pago-sms-2 ul li ul{margin: 6px 18px 9px;width: 100%;}
    .offer-info-pago-sms-2 ul li ul li{float: left;}
    .offer-info-pago-sms-2 ul {	list-style-type:none;text-align: center;}
    .offer-info-pago-sms-2 ul li ul li:first-child{text-align: left;}
    .offer-info-pago-sms-2 ul li{display: inline-block; width: 100%;}
    .offer-info-pago-sms-2 input {padding:10px;float: left;width: 150px;}
    .offer-info-pago-sms-2 {height: 145px;width: 65%;}
    .offer-info-pago-sms-2 ul span{margin-top: 6px;}

    .offer-info-pago-sms-3 ul li ul{margin: 6px 18px 9px;width: 100%;}
    .offer-info-pago-sms-3 ul li ul li{float: left;}
    .offer-info-pago-sms-3 ul {	list-style-type:none;text-align: center;}
    .offer-info-pago-sms-3 ul li ul li:first-child{text-align: left;}
    .offer-info-pago-sms-3 ul li{display: inline-block; width: 100%;}
    .offer-info-pago-sms-3 input {padding:10px;float: left;width: 150px;}
    .offer-info-pago-sms-3 {height: 145px;width: 65%;}
    .offer-info-pago-sms-3 ul span{margin-top: 6px;}
    .input_tlf{width: 80%;}
}

@media screen and (max-width:910px){ /*_________________________________________ordenador_______________________________________________________*/

    .f15 {font-size:1.100em;}
    .offer-info-pago-sms-2 ul {	list-style-type:none;text-align: center;}
    .offer-info-pago-sms-3 ul {	list-style-type:none;text-align: center;}

}

@media screen and (max-width:768px){ /*_________________________________________tablet_______________________________________________________*/

    .f45 {font-size:1.800em; }
    .offer-info {width: 43%;}
    .offer-info-pago ul {list-style-type:none;}
    .offer-info-pago {height:auto;overflow:auto;padding-bottom:0px;}
    .offer-info-pago li {float:left;margin-bottom:30px;}
    .offer-info-pago input {padding:10px;margin-top:-10px;}
    .offer-info-pago li:first-child {float:left;}
    .offer-info-pago li:last-child {float:left;}

    .offer-info-pago-sms-2 input {width:188px;}
    .offer-info-pago-sms-2 {height:auto;overflow:hidden;width:80%; }
    .offer-info-pago-sms-2 ul {	list-style-type:none;text-align: left;}
    /*.offer-info-pago-sms-2 li:first-child{margin-right:40px;}*/
    .offer-info-pago-sms-2 ul li ul li:nth-child(2){width: 50%;}
    .offer-info-pago-sms-2 ul li ul li{width: 50%;}

    .offer-info-pago-sms-3 input {width:188px;}
    .offer-info-pago-sms-3 {height:auto;overflow:hidden;width:80%; }
    .offer-info-pago-sms-3 ul {	list-style-type:none;text-align: left;}
    /*.offer-info-pago-sms-3 li:first-child{margin-right:40px;}*/
    .offer-info-pago-sms-3 ul li ul li:nth-child(2){width: 50%;}
    .offer-info-pago-sms-3 ul li ul li{width: 50%;}

    .offer-info-pago-sms ul {list-style-type:none;}
    .offer-info-pago-sms li {
        float:left;
        margin-bottom:30px;
        width:100%;
        text-align:left;
    }
    .offer-info-pago-sms-2 ul li {width: 100%;}
    .offer-info-pago-sms-3 ul li {width: 100%;}
    .offer-info-pago-sms {width:100%; text-align:left;}
    .offer-info-pago-sms li:first-child{
        margin-right:0px;
        text-align: left;
        width: 40%;
    }
    .offer-info-pago-sms li:nth-of-type(2){width: 50%;}
    .offer-info-pago-sms-mensaje {width:100%;clear:both; text-align:left; padding-top:0px; padding-bottom:20px;}
    .offer-info-pago-sms input[type='text'] {width:80px;}
    .bGrey ul li {padding-left:23%;}
	.button-offer a{
		margin-top: 20px;
	}
}


@media screen and (max-width:600px){ /*_________________________________________movil_______________________________________________________*/

    .error-sms {margin-top: 80px;}
    .alert-with-error p {border:1px solid red; background:#FFF; color:red; padding:10px; max-width:280px; margin: 30px 0px; text-align: left;}
	.offer-info-pago-sms input {max-width: 100px;}
	.offer-info-pago-sms {padding: 0; margin: 10px 0}
    .header img {max-width:136px; height:auto;}
    .header1 img {max-width:136px; height:auto;}
    .header h2 {display:block; padding: 10px 0;}
    .header {height:140px;}
    .header1 {height:60px;}
    .header h1 {margin-bottom:20px}
	.contentC, .contentG {margin-top: 40px;}
    .button-offer a {
		font-size: 13px;
		margin-top: -10px;
        margin-left:2px !important;
        margin-right: 2px !important;
        margin-bottom: 10px;
        margin-top: 10px;
        text-align:left;
    }
    article .button-offer a {
        width:auto;
        margin-left:2px !important;
        margin-right: 2px !important;
        margin-bottom: 10px;
        text-align:left;

    }
    .fRegBlue {text-align:left;}
    .f36 {font-size:1.700em; line-height:1.1;}
    .offer-info {padding-top:160px; padding-left:20px; padding-right:20px;width:100%;}
    .offer-info-mmm {padding-top:15px; width:100%; margin:0 auto}
    .offer-info-cas {padding-top:25px; width:100%; margin:0 auto; margin-bottom: 20px; text-align:left}
    .content {height:300px; padding-bottom:20px; margin-top: 40px;}
    .contentG {max-height:275px; padding-bottom:20px}
    /*.contentC {height:auto; padding-bottom:20px;}*/
	.button-offer a {min-width: auto;}

    footer {position:relative;}
    footer.f15 {font-size: 0.7em;font-family: 'Arial'; font-weight: bold;}
    .f15 {font-size: 1em;}
    .f16 {font-size: 1.1em;}
    .f17 {font-size: 1.2em;}
    .f19 {font-size:1.05em;}
    .f20 {font-size: 1.1em;}
    .f21 {font-size:1.100em;}
    .f21b {font-size:1.00em}
    .f22 {font-size:1.150em;}
    .f22b {font-size:1.000em;}
    .f29 {font-size:1.600em;}
    .f36 {font-size: 1.15em;}
    .f45 {font-size:1.400em;}

    .bBlue input {width:100px;}
    .bBlue form {max-width:75%; margin:0 auto;}

    .offer-info-conf2 {width:100%; text-align:left}
    .bGrey ul li {padding-left:10%;}
    .offer-info-conf {width:100%;}

    .offer-info-pago-sms-2 li:first-child {margin-right: 0px;}
    .offer-info-pago-sms-2 {width: 80%;}
    .offer-info-pago-sms-2 ul li {width: 100%;}
    .offer-info-pago-sms-2 ul li ul li:first-child {width: 50%;text-align: left;}
    .input_tlf{width: 100%;}
    .offer-info-pago-sms-2 ul li ul li{	width: 48%;}
    .offer-info-pago-sms-2 input {width:77px;}
    .offer-info-pago-sms-2 ul li ul li:nth-child(2){width: 50%;}
    .offer-info-pago-sms-2 ul span{margin-top: 0px;}

    .offer-info-pago-sms-3 li:first-child {margin-right: 0px;}
    .offer-info-pago-sms-3 {width: 80%;}
    .offer-info-pago-sms-3 ul li {width: 100%;}
    .offer-info-pago-sms-3 ul li ul li:first-child {width: 50%;text-align: left;}
    .input_tlf{width: 100%;}
    .offer-info-pago-sms-3 ul li ul li{	width: 48%;}
    .offer-info-pago-sms-3 input {width:77px;}
    .offer-info-pago-sms-3 ul li ul li:nth-child(2){width: 50%;}
    .offer-info-pago-sms-3 ul span{margin-top: 0px;}
}
.payment_options_button {
    margin-top: 10px;
    padding: 14px 27px;
}
.ui-accordion .ui-accordion-content {
    padding: 1em;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #000000;
    background: #000000;
    font-weight: normal;
    color: #fff;
}

.payment_commitment_container {
    display: block;
}
.payment_commitment_row {
    display: flex;
    justify-content: center;
    align-items: center;
    //gap: 5px;
}
.payment_commitment_label {
    font-weight: bold;
    font-size: 1.2em;
}
.payment_commitment_calendar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    font-size: 1.2em;
}
.payment_commitment_calendar input {
    width: 70%;
    text-align: center;
}
.payment_commitment_confirmation {
    background-color: #e10a0a;
    padding: 10px 10px;
    display: inline-block;
    text-decoration: none;
    border: none;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.1;
    font-family: 'Trade Gothic W01 Bold 2',Arial;
}
@media screen and (max-width:600px){
    .ui-accordion .ui-accordion-content {
        padding: 0;
    }
    .payment_commitment_container {
        min-height: 150px;
    }
    .payment_commitment_row {
        margin-top: 2.0em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 7px;
        padding-bottom: 5px;
    }
}