
	
body {
    background-color: #cc1f16;
}


.or-f-details {
        width: 100%;
    float: left;
    border-radius: 20px;
    padding: 20px 12px 12px 12px;
    background: #ffffff;
    margin-bottom: 20px;

}

.flightDetail {
    width: 100%;
	float:left;
	margin-bottom: 20px;
}


.dep-details, .arr-details {
    width: 43%;
}
.dep-details, .ttl-time, .arr-details {
    display: inline-block;
    vertical-align: top;
}

.time-head {
    font: 24px/29px Jotia;
    color: #cc1f16;
	font-weight: 400;
		font-family: 'Poppins';

}
.time-head, .city, .flight {
    display: block;
	font-family: 'Poppins';
	    
}

.ttl-time .small, .flight {
    padding: 3px 0 0;
}
.flight {
    font: 12px/16px Noto Sans;
    color: #5a5a5a;
		font-family: 'Poppins';

}

.ttl-time span {
    display: block;
    text-align: center;
    margin: 0 auto;
	font-size: 10px;
}
.time-icon {
    background: url(images/ic-time-g.svg) center no-repeat;
    width: 24px;
    height: 24px;
}


.text-right {
    text-align: right;
}
.arr-details {
    text-align: right;
    float: right;
}

.dep-details, .ttl-time, .arr-details {
    display: inline-block;
    vertical-align: top;
}

.container{ width:1320px; }
@media (max-width:1320px) {
    .container{ width:1170px; }
}
@media (min-width:320px) and (max-width:4000px){
    .col-md-1, .col-sm-1{ float:left;width: 8.33333333%;}
    .col-md-2, .col-sm-2{float: var(--float-left); width: 16.66666667%;}
    .col-md-3, .col-sm-3{float: var(--float-left); width: 25%;}
    .col-md-4, .col-sm-4{float: var(--float-left); width:33.33333333%}
    .col-md-5, .col-sm-5{float: var(--float-left);width:41.66666667%}
    .col-md-6, .col-sm-6{float: var(--float-left); width:50%}
    .col-md-7, .col-sm-7{float: var(--float-left);width: 58.33333333%;}  
    .col-md-8, .col-sm-8{float: var(--float-left); width: 66.66666667%;}
    .col-md-9, .col-sm-9{float: var(--float-left); width:75%}
    .col-md-10, .col-sm-10{float: var(--float-left); width:83.33333333%}
    .col-md-11, .col-sm-11{float: var(--float-left); width: 91.66666667%;}
    .col-md-12, .col-sm-12{float: var(--float-left); width:100%}
}


/*new style for FAFI changes */
/************************************************************************************** */
.col-md-3.fare-rule-okButton{float:right;width:auto}
.okButtonRow .fare-rule-okButton{padding-right:0;}
.conf-passen-details{margin-top:26px;margin-bottom:10px;}
.conf-passen-details header span{color:var(--qr-brand);font-size:24px;font-weight:300;line-height:32px;}
.conf-passen-details header .sprit-icons{width:32px;height:32px;margin:0 2px;margin-top:-13px;background-position:-576px -32px;vertical-align:-8px;display:inline-block;}
.fly-view-data-viewdetails{float: left; width:100%;border-radius:0px 0px var(--border-radius-xxx) var(--border-radius-xxx);padding:0 var(--space-xxs) var(--space-xxs);background:var(--grey-e0dfdf);opacity:1;position:relative;z-index:0;}


.radiobtn .priceDetails{margin-top: 16px;
    padding: 8px;display:inline-block;}
	
.soldOut .priceDetails{font:var(--label-2-s)}
.priceDetails{font: 24px/29px Jotia; color: #1F212B;}

/*.priceDetails .currancy{font:var(--label-6-s);color:var(--medium-grey);}*/
 .amountN{direction:ltr;margin-left:4px;display:inline-block;margin-right:4px;font-family: 'Poppins';}
.radiobtn .priceDetails .decimal, .fareBlock .priceDetails .decimal {
	    vertical-align: super;
    font: 12px/16px Noto Sans;
    color: #5a5a5a;
    top: -0.2em;
    margin-left: -5px;
	font-family: 'Poppins';}
.remainSeat{color:var(--qr-brand);display:block;font:var(--nl-label-6-s);margin-bottom:var(--space-a);}
.p-data.three-column-fare a.radiobtn{width:30.5%;}
.p-data.two-column-fare a.radiobtn{width:47%;}
.p-data.one-column-fare a.radiobtn{width:97%}

a.radiobtn{float: left; text-align:center; padding:0;border-radius:12px;border:1px solid #e0dfdf; margin:37px 10px 0px  0; box-sizing:border-box;color:#1f212b; position:relative;box-shadow: 0px 8px 13px #0000000a;}
a.radiobtn > span{display:block;}
a.radiobtn .class{    margin-top: 16px;
    width: 100%;
    font-size: 17px;
    color: #cc1f16;
    font-weight: 500;
    font-family: 'Poppins';}

a.radiobtn .allPassMsg{margin: 10px auto 0; max-width: 25ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
a.radiobtn.selected .allPassMsg {margin: var(--space-a) auto 0;}
a.radiobtn .selectedLowerFareDetails {
    display: none;
}
#ECONOMY_fare .class{    color: #cc1f16;
    font-family: 'Poppins';
    font-size: 17px;
    font-weight: 500;}
	
#BUSINESS_fare .class{color:var(--business-class);}
#FIRST_fare .class{color:var(--ffp-gold);}
.onHoverSelet{height:0;position:absolute;width:100%;bottom:0;border-radius:0 0 10px 10px ;color:#fff;overflow:hidden;transition:all .5s ease; background:#cc1f16;}
#ECONOMY_fare .onHoverSelet{background-color:#cc1f16;}
#BUSINESS_fare .onHoverSelet{background-color:#333333;}
#FIRST_fare .onHoverSelet{background-color:var(--ffp-gold);}
a.radiobtn:hover{background-color:var(--white);text-decoration:none;/* transition:all .75s linear 0s;*/
}
a.radiobtn:focus{text-decoration:none;}
a.radiobtn:not(.selected):hover .onHoverSelet{height:52px;line-height:52px;}
.compareLink{float:right;color:#fff;font-size:14px;padding:20px;}
.compareLink:hover{color:#fff !important}


.qsuiteIcon{
    background: url(/cms/resourcesCPM/qrReskin/images/qsuite_fare.svg) no-repeat 0 0;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 8px;
    right: 0;
    text-indent: -999px;
    overflow: hidden;
}
a.radiobtn.soldOut, .p-data a.radiobtn.soldOut > span{cursor:not-allowed;color:var(--grey-e0dfdf);}
a.radiobtn.soldOut:hover{border-color:#d2d2d2;}
.fixedFlyDetail{overflow:visible;width:100%;tranDXBrm:translateZ(0);position:fixed;bottom:0;z-index:1;}
.sel-des .ur-icons{margin-top:11px;margin-right:15px;}
.sel-des .time-head{line-height:26px;}
.no-divider .sel-Total .ttl{font-weight:500;line-height:27px;font-size:22px;}
.no-divider .sel-Total .ttl sup{font-weight:300;font-size:60%;}
.no-divider .sel-Total .ttl abbr{font-size:16px;font-weight:300}
.extDay{font-size:11px;margin-left:2px;}
/*genric style for modal*/
.ffPModal .modal-dialog{width:750px;}
.fDetails{float:var(--float-left);width:100%;}
.fDetails .des-row, .fDetails .dep-details{padding:0}
.fDetails .arr-details{text-align:var(--text-right);}
.fDetails .fTime{margin-left:-8%;text-align:center;padding-top:18px;}
.fDetails .fTime > span{display:block;margin:3px auto}
.fDetails .flight{margin-top:5px;}
.fDetails span.a-logo-icon{background:url(/cms/resourcesCPM/qrReskin/images/small-logo.png) no-repeat left center;padding:0;width:32px;height:32px;position:absolute;left:40%;bottom:-54px;}
.conf-passen-details .ttDuration{font-size:14px;color:#333;}
.fDetails .des-row span.con-time{background:#fff}
.ttDuration strong{color:var(--primarygrey);font-weight:400;}
.sepLine{border-bottom:1px solid #d6d6d6;text-align:center;margin:20px 0 20px 0;}
.sepLine .con-time{min-width:20%;display:inline-block;background:#fff;margin-top:-10px;position:absolute;margin-left:-16.66666667%;padding:0 10px;}
.btn.disabled{text-tranDXBrm:none;cursor:not-allowed}
.tripSummary{height:0;overflow:hidden;padding:0 var(--space-xxxxs);color:var(--medium-grey);}
.f-data{border:1px solid #d2d2d2;padding:20px 0 10px;font-size:11px;min-height:139px;border-left:0;}
.f-data span{width:100%;display:block;}
.f-data .classType{font-size:13px;margin-bottom:10px;}
.f-data .price, .price-details .price{color:var(--qr-brand);font-size:12px !important;margin-top:5px;font-weight:normal}
.f-data .price strong{font-size:24px;color:var(--qr-brand);font-weight:bold;}
.price-details .price strong{font-size:30px;color:var(--qr-brand);font-weight:bold}
.price strong sup{font-weight:normal;font-size:16px;top:-14px;}
.review-features{font-size:12px;}
.noVisible{visibility:visible;height:1px !important;overflow:hidden;position:relative;text-indent:-999px;width:1px !important;float:right;border:none !important;display:block;}
.showMorebtn .btn{margin-top:var(--space-xxs);color:var(--qr-brand);border:1px solid var(--qr-brand);text-tranDXBrm:none;border-radius:var(--border-radius-x);padding:var(--space-aa) var(--space-xxxs);background:transparent;}
.showMorebtn .btn:hover{background:var(--qr-brand);color:var(--white);}
.showMorebtn.loading{background:#fff url(/cms/resourcesCPM/qrReskin/images/loading.gif) no-repeat scroll center bottom;background-size:30px;}
.showMorebtn.loading > div{visibility:hidden}
.modal-open .fixedFlyDetail{padding-right:17px;}
.city{color:var(--primarygrey);font:var(--label-5-s);}
.showMorebtn .btn span{display:inline-block;}
.showMorebtn .btn abbr{color:var(--medium-grey);}
.showMorebtn .btn:hover abbr{color:#fff}
a.closeFlyBtn{display:block;width:30px;height:30px;float:right;overflow:hidden;background:url(/cms/resourcesCPM/qrReskin/images/spirte_icons.png) no-repeat -770px -1px;position:relative;text-indent:-999px;margin:15px 10px;transition:background-color 0.5s ease;}
a.closeFlyBtn:hover{background-position:-802px -1px;background-color:#ababab}
.dataList{font-size:12px;}
.dataList dt{font-weight:normal;display:inline-block;width:32%;vertical-align:top;}
.dataList dd{display:inline-block;width:66%;}
.infoList li{margin:5px 0;font-size:12px;background-size:12px;list-style:disc;list-style-position:inside;}
/*animation css for all */
.yellowBtn{transition:none 0s;}
.total-price section sub{font-weight:normal}
.tripSummary .destinations .heading span{font-size:30px;}
/* To validate for FAFI*/
.w-r-h-s{background:none !important;display:inline-block;/*margin-right:3px;*/
padding:0px 0 5px}
.w-r-h-s.sortnew{background:#153244 !important;padding:0;min-height:91px;}



.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


a.radiobtn .class.fareAfterSelection {
    display: none;
}

.allPassMsg {
    display: block;
    color: #5a5a5a;
    font-size: 10px;
    margin-top: 8px;
}


.twcBanner {
    background-color: #ffffff;
    border-radius: 8px;
    margin-bottom: 16px;
    float: left;
    padding: 8px;
    color: #5a5a5a;
    min-width: 100%;
}

.twcBanner h2 {
    color: #cc1f16;
    font-size: 18px;
    margin: 12px 0 8px;
}

.twcBanner p {
    margin: 0 0 10px;
}

.twcImg {
    float: left;
    margin-top: 12px;
    margin-right: 24px;
}

.twcDec {
    float: left;
    width: 78%;
}

.twcBanner h3 {
    color: #cc1f16;
    font-size: 16px;
    margin: 12px 0 8px;
}

@media (max-width: 767px) {
    
	
	
	
.or-f-details {
        width: 100%;
    float: left;
    border-radius: 20px;
    padding: 20px 12px 12px 12px;
    background: #ffffff;
    margin-bottom: 20px;

}

.flightDetail {
    width: 100%;
	float:left
}


.dep-details, .arr-details {
    width: 34%;
}
.dep-details, .ttl-time, .arr-details {
    display: inline-block;
    vertical-align: top;
}

.time-head {
    font-size: 14px;
    color: #cc1f16;
	font-weight: 400;
		font-family: 'Poppins';

}
.time-head, .city, .flight {
    display: block;
	font-family: 'Poppins';
	    
}

.ttl-time .small, .flight {
    padding: 3px 0 0;
	margin-top: -10px;
}
.flight {
    font: 12px/16px Noto Sans;
    color: #5a5a5a;
		font-family: 'Poppins';
		display:none;

}

.ttl-time span {
    display: block;
    text-align: center;
    margin: 0 auto;
}
.time-icon {
    background: url(images/ic-time-g.svg) center no-repeat;
    width: 24px;
    height: 24px;
}


.text-right {
    text-align: right;
}
.arr-details {
    text-align: right;
    float: right;
}

.dep-details, .ttl-time, .arr-details {
    display: inline-block;
    vertical-align: top;
}

.container{ width:1320px; }
@media (max-width:1320px) {
    .container{ width:1170px; }
}
@media (min-width:320px) and (max-width:4000px){
    .col-md-1, .col-sm-1{ float:left;width: 8.33333333%;}
    .col-md-2, .col-sm-2{float: var(--float-left); width: 16.66666667%;}
    .col-md-3, .col-sm-3{float: var(--float-left); width: 25%;}
    .col-md-4, .col-sm-4{float: var(--float-left); width:33.33333333%}
    .col-md-5, .col-sm-5{float: var(--float-left);width:41.66666667%}
    .col-md-6, .col-sm-6{float: var(--float-left); width:50%}
    .col-md-7, .col-sm-7{float: var(--float-left);width: 58.33333333%;}  
    .col-md-8, .col-sm-8{float: var(--float-left); width: 66.66666667%;}
    .col-md-9, .col-sm-9{float: var(--float-left); width:75%}
    .col-md-10, .col-sm-10{float: var(--float-left); width:83.33333333%}
    .col-md-11, .col-sm-11{float: var(--float-left); width: 91.66666667%;}
    .col-md-12, .col-sm-12{float: var(--float-left); width:100%}
}


/*new style for FAFI changes */
/************************************************************************************** */
.col-md-3.fare-rule-okButton{float:right;width:auto}
.okButtonRow .fare-rule-okButton{padding-right:0;}
.conf-passen-details{margin-top:26px;margin-bottom:10px;}
.conf-passen-details header span{color:var(--qr-brand);font-size:24px;font-weight:300;line-height:32px;}
.conf-passen-details header .sprit-icons{width:32px;height:32px;margin:0 2px;margin-top:-13px;background-position:-576px -32px;vertical-align:-8px;display:inline-block;}
.fly-view-data-viewdetails{float: left; width:100%;border-radius:0px 0px var(--border-radius-xxx) var(--border-radius-xxx);padding:0 var(--space-xxs) var(--space-xxs);background:var(--grey-e0dfdf);opacity:1;position:relative;z-index:0;}


.radiobtn .priceDetails{margin-top: 16px;
    padding: 8px;display:inline-block;}
	
.soldOut .priceDetails{font:var(--label-2-s)}
.priceDetails{font: 24px/29px Jotia; color: #1F212B;}

/*.priceDetails .currancy{font:var(--label-6-s);color:var(--medium-grey);}*/
 .amountN{direction:ltr;margin-left:4px;display:inline-block;margin-right:4px;font-family: 'Poppins';}
.radiobtn .priceDetails .decimal, .fareBlock .priceDetails .decimal {
	    vertical-align: super;
    font: 12px/16px Noto Sans;
    color: #5a5a5a;
    top: -0.2em;
    margin-left: -5px;
	font-family: 'Poppins';}
.remainSeat{color:var(--qr-brand);display:block;font:var(--nl-label-6-s);margin-bottom:var(--space-a);}
.p-data.three-column-fare a.radiobtn{width:30.5%;}
.p-data.two-column-fare a.radiobtn{width:47%;}
.p-data.one-column-fare a.radiobtn{width:97%}

a.radiobtn{float: left; text-align:center; padding:0;border-radius:12px;border:1px solid #e0dfdf; margin:0px 16px 0px  0; box-sizing:border-box;color:#1f212b; position:relative;box-shadow: 0px 8px 13px #0000000a;}
a.radiobtn > span{display:block;}
a.radiobtn .class{    margin-top: 16px;
    width: 100%;
    font-size: 17px;
    color: #cc1f16;
    font-weight: 500;
    font-family: 'Poppins';}

a.radiobtn .allPassMsg{margin: 10px auto 0; max-width: 25ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
a.radiobtn.selected .allPassMsg {margin: var(--space-a) auto 0;}
a.radiobtn .selectedLowerFareDetails {
    display: none;
}
#ECONOMY_fare .class{    color: #cc1f16;
    font-family: 'Poppins';
    font-size: 17px;
    font-weight: 500;}
	
#BUSINESS_fare .class{color:var(--business-class);}
#FIRST_fare .class{color:var(--ffp-gold);}
.onHoverSelet{height:0;position:absolute;width:100%;bottom:0;border-radius:0 0 10px 10px ;color:#fff;overflow:hidden;transition:all .5s ease; background:#cc1f16;}
#ECONOMY_fare .onHoverSelet{background-color:#cc1f16;}
#BUSINESS_fare .onHoverSelet{background-color:#333333;}
#FIRST_fare .onHoverSelet{background-color:var(--ffp-gold);}
a.radiobtn:hover{background-color:var(--white);text-decoration:none;/* transition:all .75s linear 0s;*/
}
a.radiobtn:focus{text-decoration:none;}
a.radiobtn:not(.selected):hover .onHoverSelet{height:52px;line-height:52px;}
.compareLink{float:right;color:#fff;font-size:14px;padding:20px;}
.compareLink:hover{color:#fff !important}


.qsuiteIcon{
    background: url(/cms/resourcesCPM/qrReskin/images/qsuite_fare.svg) no-repeat 0 0;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 8px;
    right: 0;
    text-indent: -999px;
    overflow: hidden;
}
a.radiobtn.soldOut, .p-data a.radiobtn.soldOut > span{cursor:not-allowed;color:var(--grey-e0dfdf);}
a.radiobtn.soldOut:hover{border-color:#d2d2d2;}
.fixedFlyDetail{overflow:visible;width:100%;tranDXBrm:translateZ(0);position:fixed;bottom:0;z-index:1;}
.sel-des .ur-icons{margin-top:11px;margin-right:15px;}
.sel-des .time-head{line-height:26px;}
.no-divider .sel-Total .ttl{font-weight:500;line-height:27px;font-size:22px;}
.no-divider .sel-Total .ttl sup{font-weight:300;font-size:60%;}
.no-divider .sel-Total .ttl abbr{font-size:16px;font-weight:300}
.extDay{font-size:11px;margin-left:2px;}
/*genric style for modal*/
.ffPModal .modal-dialog{width:750px;}
.fDetails{float:var(--float-left);width:100%;}
.fDetails .des-row, .fDetails .dep-details{padding:0}
.fDetails .arr-details{text-align:var(--text-right);}
.fDetails .fTime{margin-left:-8%;text-align:center;padding-top:18px;}
.fDetails .fTime > span{display:block;margin:3px auto}
.fDetails .flight{margin-top:5px;}
.fDetails span.a-logo-icon{background:url(/cms/resourcesCPM/qrReskin/images/small-logo.png) no-repeat left center;padding:0;width:32px;height:32px;position:absolute;left:40%;bottom:-54px;}
.conf-passen-details .ttDuration{font-size:14px;color:#333;}
.fDetails .des-row span.con-time{background:#fff}
.ttDuration strong{color:var(--primarygrey);font-weight:400;}
.sepLine{border-bottom:1px solid #d6d6d6;text-align:center;margin:20px 0 20px 0;}
.sepLine .con-time{min-width:20%;display:inline-block;background:#fff;margin-top:-10px;position:absolute;margin-left:-16.66666667%;padding:0 10px;}
.btn.disabled{text-tranDXBrm:none;cursor:not-allowed}
.tripSummary{height:0;overflow:hidden;padding:0 var(--space-xxxxs);color:var(--medium-grey);}
.f-data{border:1px solid #d2d2d2;padding:20px 0 10px;font-size:11px;min-height:139px;border-left:0;}
.f-data span{width:100%;display:block;}
.f-data .classType{font-size:13px;margin-bottom:10px;}
.f-data .price, .price-details .price{color:var(--qr-brand);font-size:12px !important;margin-top:5px;font-weight:normal}
.f-data .price strong{font-size:24px;color:var(--qr-brand);font-weight:bold;}
.price-details .price strong{font-size:30px;color:var(--qr-brand);font-weight:bold}
.price strong sup{font-weight:normal;font-size:16px;top:-14px;}
.review-features{font-size:12px;}
.noVisible{visibility:visible;height:1px !important;overflow:hidden;position:relative;text-indent:-999px;width:1px !important;float:right;border:none !important;display:block;}
.showMorebtn .btn{margin-top:var(--space-xxs);color:var(--qr-brand);border:1px solid var(--qr-brand);text-tranDXBrm:none;border-radius:var(--border-radius-x);padding:var(--space-aa) var(--space-xxxs);background:transparent;}
.showMorebtn .btn:hover{background:var(--qr-brand);color:var(--white);}
.showMorebtn.loading{background:#fff url(/cms/resourcesCPM/qrReskin/images/loading.gif) no-repeat scroll center bottom;background-size:30px;}
.showMorebtn.loading > div{visibility:hidden}
.modal-open .fixedFlyDetail{padding-right:17px;}

.city{color: #5a5a5a;
    font-size: 12px;
    line-height: 1.4;}
	
.showMorebtn .btn span{display:inline-block;}
.showMorebtn .btn abbr{color:var(--medium-grey);}
.showMorebtn .btn:hover abbr{color:#fff}
a.closeFlyBtn{display:block;width:30px;height:30px;float:right;overflow:hidden;background:url(/cms/resourcesCPM/qrReskin/images/spirte_icons.png) no-repeat -770px -1px;position:relative;text-indent:-999px;margin:15px 10px;transition:background-color 0.5s ease;}
a.closeFlyBtn:hover{background-position:-802px -1px;background-color:#ababab}
.dataList{font-size:12px;}
.dataList dt{font-weight:normal;display:inline-block;width:32%;vertical-align:top;}
.dataList dd{display:inline-block;width:66%;}
.infoList li{margin:5px 0;font-size:12px;background-size:12px;list-style:disc;list-style-position:inside;}
/*animation css for all */
.yellowBtn{transition:none 0s;}
.total-price section sub{font-weight:normal}
.tripSummary .destinations .heading span{font-size:30px;}
/* To validate for FAFI*/
.w-r-h-s{background:none !important;display:inline-block;/*margin-right:3px;*/
padding:0px 0 5px}
.w-r-h-s.sortnew{background:#153244 !important;padding:0;min-height:91px;}



.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


a.radiobtn .class.fareAfterSelection {
    display: none;
}

.allPassMsg {
    display: block;
    color: #5a5a5a;
    font-size: 10px;
    margin-top: 8px;
}


.twcBanner {
    background-color: #ffffff;
    border-radius: 8px;
    margin-bottom: 16px;
    float: left;
    padding: 8px;
    color: #5a5a5a;
    min-width: 100%;
}

.twcBanner h2 {
    color: #cc1f16;
    font-size: 18px;
    margin: 12px 0 8px;
}

.twcBanner p {
    margin: 0 0 10px;
}

.twcImg {
    float: left;
    margin-top: 12px;
    margin-right: 24px;
}

.twcDec {
    float: left;
    width: 78%;
}

.twcBanner h3 {
    color: #cc1f16;
    font-size: 16px;
    margin: 12px 0 8px;
}


.container {
    width: 100%;
    margin: 0px;
    padding: 17px;
}
	
   .fare {
    padding: 16px;
}
.div-table {
    display: table;
    width: 100%;
    vertical-align: middle;
    table-layout: fixed;
}
.f-width {
    width: 100%;
}


    }