/* fonts temporary fix for Shop site missing font files */
@font-face {
    font-family: 'BellIcon';
    src: url('fonts/bell_icon.eot');
    src: url('fonts/bell_icon.eot?#iefix') format('embedded-opentype'), url('fonts/bell_icon.woff') format('woff'), url('fonts/bell_icon.ttf') format('truetype'), url('fonts/bell_icon.svg#svgFontName') format('svg');
}

/**** General Layout and typography ****/
#koremRoamingInternal .koremClickable{
    cursor: pointer;
    color: #00549a;
}

#koremRoamingInternal .koremDestinationMapComponent{
    display: none;
    width: 100%;
}

#koremRoamingInternal #koremRoamingTravelDestination .koremNotes {
    margin-top: 10px;
}
#koremRoamingInternal.koremSmall #koremRoamingTravelDestination .koremNotes {
    margin-top: 10px;
}

#koremRoamingInternal {font-size: 14px;}

#koremRoamingInternal [class*=" col-"]{
  padding:5px;
}

#koremRoamingInternal h2 { 
    margin-top: 0 !important; 
    font-size: 1.5em !important;
}

#koremRoamingInternal h2, #koremRoamingInternal h3, #koremRoamingInternal h4,
#koremRoamingInternal .h2, #koremRoamingInternal .h3, #koremRoamingInternal .h4,
#koremRoamingInternal .h5, #koremRoamingInternal h5{
    font-family: "BellSlimSemiBoldRegular", "bell-slim", Arial, sans-serif !important;
}

.koremFormattedText {
    white-space: nowrap;
}

.koremSmall h2 {font-size: 1.3em;}

.koremSubtext {
    font-size: 0.8em;
}

.koremSpacer { border-top: #cccccc solid 1px; display: block; margin: 20px 0 0px 0;}
#koremPartnerInfoSpacer.koremSpacer { margin: 0 0 20px 0; }

.koremHorizPaddingRight {
    padding-right: 20px !important;
}
.koremHorizPaddingLeft {
    padding-left: 20px !important;
}
.koremHorizPaddingVertical {
    padding: 15px 0;
}

/**** Styled components ****/


/**** Destination picker ****/

#koremRoamingTravelDestination {
    background-color: #014E9C;
    padding-top: 5px;
}

#koremRoamingTravelDestination .koremTitle {
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    color: #ffffff;
    text-align: left !important;
}

#koremRoamingTravelDestination .koremTravelDestinationLogo {
    background: url(../images/travel_destination_logo.jpg) no-repeat;
    height: 45px;
    width: 50px;
    margin-left: 4px;
}

.koremLarge #koremRoamingTravelDestination #koremDestinationPicker {
    display: flex;
    padding-top: 5px;
    font-weight: normal;
    font-family: Arial;
    margin-bottom: 0px;
}

.koremSmall #koremRoamingTravelDestination .koremDestinationPicker select {
    font-size: 12px; /*avoid iPhone zooming in*/
}

/**** Static roaming map image ****/
.koremSmall #koremRoamingInternationalZones .koremMainHeader {
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
    font-family: bell-slim, BellSlimMediumRegular, Arial, sans-serif;
    color: #111;
}

.koremMedium #koremRoamingInternationalZones .koremMainHeader,
.koremLarge #koremRoamingInternationalZones .koremMainHeader {
    font-size: 32px;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
    font-family: bell-slim, BellSlimMediumRegular, Arial, sans-serif;
    color: #111;
}

.koremSmall #koremRoamingInternationalZones .koremMapContainer{
    height: 200px;
    padding-bottom: 0px !important;
}

.koremMedium #koremRoamingInternationalZones .koremMapContainer{
    height: 400px;
    padding-bottom: 0px !important;
}

.koremLarge #koremRoamingInternationalZones .koremMapContainer{
    height: 533px;
    margin-bottom: 30px !important;
}

.koremLarge #containerZone{
    margin-left: 30px;
    font-family: "BellSlimSemiBoldRegular", "bell-slim", Arial, sans-serif !important;
}
/**** International Rates table ****/
#koremRoamingInternationalZones .koremLegendContainer ul li .koremCountryList {
    display: block;
}
#koremRoamingInternationalZones .koremLegendContainer ul li .koremCountryList div.list,
#koremRoamingInternationalZones .koremLegendContainer .koremCountryList div.list {
    display: none;
    max-width: 800px;
}

.koremSmall #koremRoamingInternationalZones .koremLegendContainer .koremCountryList.desktop,
.koremMedium #koremRoamingInternationalZones .koremLegendContainer .koremCountryList.desktop {
    display: none !important;
}
#koremRoamingInternationalZones .koremLegendContainer .koremCountryList.desktop div.list {
    max-width:800px;
    margin-left: 28px;
}
.koremLarge #koremRoamingInternationalZones .koremLegendContainer ul li .koremCountryList{
    display: none !important;
}
#koremRoamingInternationalZones .koremLegendContainer .koremSpecialCountryList .h3{
    font-size: 1.0em;
}
#koremRoamingInternationalZones .koremLegendContainer .koremCountryList .h3 {
    font-size: 1.0em;
}

.koremSmall #koremRoamingInternationalZones .koremLegendContainer {
    background-color: #F0F0F0;
    margin-bottom: 20px;
    border: 1px solid #727272;
    display: flex;
    justify-content: center
}

.koremMedium #koremRoamingInternationalZones .koremLegendContainer {
    background-color: #F0F0F0;
    margin-bottom: 20px;
    border: 1px solid #727272;
    display: flex;
    justify-content: center
}

.koremLarge #koremRoamingInternationalZones .koremLegendContainer {
    background-color: #F0F0F0;
    margin-bottom: 20px;   
    margin-left: 20px;
    position: absolute;
    top: 70%;
    padding-top: 30px;
    padding-bottom: 30px;
}

#koremRoamingInternationalZones .koremLegendContainer .koremLegendElem {
    vertical-align: middle;
    padding: 5px;
}

.koremSmall #koremRoamingInternationalZones .koremLegendContainer .koremLegendElem .koremLegendElemImg {
    position: absolute;
    width: 20px;
    height: 20px;
}

.koremMedium #koremRoamingInternationalZones .koremLegendContainer .koremLegendElem .koremLegendElemImg {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
}

.koremLarge #koremRoamingInternationalZones .koremLegendContainer .koremLegendElem .koremLegendElemImg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 30px;
    height: 30px;
}

.koremSmall #koremRoamingInternationalZones .koremLegendContainer .koremLegendElem .koremLegendElemText {
    margin-left: 30px;
    display: inline-block;
    vertical-align: middle;
    font-family: Arial;
}
    
.koremSmall #koremRoamingInternationalZones .koremLegendContainer  .koremLegendElem .koremLegendElemText h4 {
    font-size: 10px;
    font-family: Arial;
}

.koremMedium #koremRoamingInternationalZones .koremLegendContainer .koremLegendElem .koremLegendElemText {
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    font-family: Arial;
}

.koremLarge #koremRoamingInternationalZones .koremLegendContainer .koremLegendElem .koremLegendElemText {
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    font-family: Arial;
}

.koremSmall #koremRoamingInternationalZones .koremLegendContainer .koremLegendElem .koremLegendElemText > font,
.koremMedium #koremRoamingInternationalZones .koremLegendContainer .koremLegendElem .koremLegendElemText > font,
.koremLarge #koremRoamingInternationalZones .koremLegendContainer .koremLegendElem .koremLegendElemText > font {
    font-family: Arial !important;
}

.koremSmall #koremRoamingInternationalZones .koremLegendContainer .koremLegendElem .koremLegendElemText > font{
    font-size: 12px !important;
}

#koremRoamingInternationalZones .koremLegendContainer ul {
    list-style-type: none;
    padding: 0;
    max-width: 869px;  
}
#koremRoamingInternationalZones .koremLegendContainer ul li label{
    cursor: pointer;
}

#koremRoamingInternationalZones .koremLegendContainer ul li {
    background: none;
    cursor: pointer;
    display: inline-block;
    //height: 22px;
    padding: 0 25px 0 0;
    margin: 0 5px 0 0;
    position: relative;
}
#koremRoamingInternationalZones .koremLegendContainer ul li.active >.koremTitle {
    font-size: 1.1em;
    font-weight: bold;
}
#koremRoamingInternationalZones .koremLegendContainer ul li.koremZoneNoCover {
    border: none;
    color: #555;
    cursor: inherit;
}
#koremRoamingInternationalZones .koremLegendContainer ul li.koremZoneNoCover >.koremTitle {
    color: inherit;
}

#koremRoamingInternationalZones .koremLegendContainer ul li >.koremTitle {
    color: #0066a4;
    margin-right: 5px;
}

.koremSmall .koremPlusMinusIconSpecial{
    top: 7px !important;
}

#koremRoamingInternationalZones .koremLegendContainer .koremSpecialCountryList .koremTitle {
    display: block;
    font-weight: bold; 
}
#koremRoamingInternationalZones .koremLegendContainer .koremSpecialCountryList {
    color: #555555;
}
#koremRoamingInternationalZones .koremLegendContainer .koremSpecialCountryList div.list {
    margin-left: 25px;
}
#koremRoamingInternationalZones .koremLegendContainer .small {
    font-size: 75% !important;
}
#koremRoamingInternationalZones .koremLegendContainer .koremCountryList .koremTitle {
    display: block;
    font-weight: bold;
}

#koremRoamingInternal .koremCollapseTitle .koremPlusMinusIcon.lg {
   right: 0;
   top: -8px;
}

#koremTravelAddons #koremTravelAddonsToggleButton .koremPlusMinusIcon {
   border-color: #fff;
   color: #fff;
   left: 30px;
   top: 8px;
}

.koremSmall #koremRoamingInternationalZones .koremLegendContainer ul li,
.koremMedium #koremRoamingInternationalZones .koremLegendContainer ul li{
    border: none;
    display: block;
    height: auto;
    margin: 0;
    padding: 5px;
}
.koremSmall #koremRoamingInternationalZones .koremLegendContainer ul li.koremEven,
.koremMedium #koremRoamingInternationalZones .koremLegendContainer ul li.koremEven{
    background-color: #f5f5f5;
}

.koremSmall #koremRoamingInternationalZones .koremLegendContainer ul li .koremCountryList div.list,
.koremMedium #koremRoamingInternationalZones .koremLegendContainer ul li .koremCountryList div.list {
    margin-top: 10px;
}
.koremSmall #koremRoamingInternationalZones .koremLegendContainer ul li .koremCollapseIcon,
.koremMedium #koremRoamingInternationalZones .koremLegendContainer ul li .koremCollapseIcon{
    float: right;
    margin-top: 5px;
}

#koremRoamingInternationalZones .koremLegendContainer ul li .koremPlusMinusIcon {
    margin-left: 5px;
    top: 5px;
    position: relative;
}

.koremBackToLandingPage{
    left: 6px;
    background: #014E9C !important;
    border-color: #014E9C!important;
    color: #ffffff !important;
    font-size: 13px !important;
    height: 25px;
    float: right;
    padding: 0 !important;
}

.koremBackToLandingPageText{
    position: relative;
    font-weight: bold;
    text-decoration: underline;
    font-family: arial;
    color: #fff;
}

#koremBackToMapButton{
    display: none;
    margin-top: 5px;
}
/* Font Icons */

.koremPlusMinusIcon {
    border: #00549a solid 1px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    behavior: url(css/PIE.htc);
    display: inline-block;
    position: absolute;
    font-size: 14px;
    color: #00549a;
}

.koremPlusMinusIcon .koremIcon {
    font-family: 'BellIcon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    display: block;
    text-align: center;
    vertical-align: middle;
}

.collapsed .koremPlusMinusIcon .koremIcon:before, .collapsed.koremPlusMinusIcon .koremIcon:before {
    content: "\e655";
}
.koremPlusMinusIcon .koremIcon:before {
    content: "\e656";
}

.koremPlusMinusIcon.sm { width: 13px; height: 13px;}
.koremPlusMinusIcon.sm .koremIcon { top: 1px; left: 1px; font-size: 9px; }
.koremPlusMinusIcon.md { width: 19px; height: 19px; }
.koremPlusMinusIcon.md .koremIcon { top: 3px; left: 3px; font-size: 11px; }
.koremPlusMinusIcon.lg { width: 40px; height: 40px; }
.koremPlusMinusIcon.lg .koremIcon { top: 11px; left: 11px; font-size: 17px; }
.seeCountryListLink .koremPlusMinusIcon {
    bottom: 0;
    right: 0;
}
.koremSpecialBundle {
    border: none !important;
    width: 100%;
}
.koremSpecialBundleTitle{
    font-weight: 700 !important;
}
.koremSpecialBundleTitleP{
    margin-left: 30px !important;
    font-weight: 200;
    font-family: bell-slim, BellSlimMediumRegular, Arial, sans-serif;
}
.koremSpecialBundleTitleP .koremTitle{
    font-weight: 200;
    font-family: bell-slim, BellSlimMediumRegular, Arial, sans-serif;
}
.koremNoDataMention{
    font-family: bell-slim, BellSlimMediumRegular, Arial, sans-serif;
}
.koremSpecialBundleTitleP .koremTitle b{
    font-weight: 900;
}
.koremSmall .koremSpecialBundleTitleP {
    margin-right: 25px;
}

/**** Main Roaming Map ****/
#koremRoamingMainMap {
    display: none;
}

#koremRoamingMainMap .koremDestinationName {
    padding-bottom: 10px;
}

#koremRoamingMainMap #koremOperatorPicker {
    margin-top: -15px;
}

#koremRoamingMainMap #koremOperatorPicker .koremTitle h2 {
    padding-top: 6px;
    font-weight: normal;
    font-size: 1em !important;
    text-align: right;
}
#koremRoamingMainMap #koremOperatorPicker .koremTitle {
    border-right: #ccc solid 1px;
}
@media (min-width: 768px) {
    #koremRoamingMainMap #koremOperatorPicker > .row {
        display: flex;
        align-items: center;
    }
    #koremRoamingMainMap #koremOperatorPicker .koremTitle {
        padding-top: 14px;
        padding-bottom: 14px;
    }
    #koremRoamingMainMap #koremOperatorPicker .koremTitle h2 {
        margin: 0;
        padding-top: 0;
    }
}
.koremSmall #koremRoamingMainMap #koremOperatorPicker .koremTitle {
    border: none;
}
.koremMedium #koremRoamingMainMap #koremOperatorPicker .koremTitle h2,
.koremLarge #koremRoamingMainMap #koremOperatorPicker .koremTitle h2{
    font-family: Arial, sans-serif !important;
}
.koremSmall #koremRoamingMainMap #koremOperatorPicker .koremTitle h2 {
    font-size: 1.6em !important;
    text-align: left;
}
#koremRoamingMainMap #koremOperatorPicker select {
    font-size: 16px; /*avoid iphone zooming in*/
}

#koremRoamingMainMap .koremMapContainer.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 47.5%;
}#koremRoamingMainMap .koremMapContainer.embed-responsive iframe{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.koremSmall #koremRoamingMainMap .koremMapContainer.embed-responsive {
    padding-bottom: 75%;
}
.koremSmall.koremShortAndWide #koremRoamingMainMap .koremMapContainer.embed-responsive {
    margin: 0 auto;
    width: 80%;
}

/**** No coverage map ****/

#koremRoamingMainMap .koremNoCoverageMapContainer{
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 47.5%;
    position: relative;
}
.koremSmall #koremRoamingMainMap .koremNoCoverageMapContainer{
    padding-bottom: 80%;
}
#koremRoamingMainMap .koremNoCoverageMapContainer span{
    display: block;
    font-family: "BellSlimSemiBoldRegular", "bell-slim", Arial, sans-serif;
    font-size: 1.8em;
    margin: -50px 10% 0 10%;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 80%;
}
.koremSmall #koremRoamingMainMap .koremNoCoverageMapContainer span{
    font-size: 1.4em;
}


.koremSmall #koremRoamingMainMap .koremNoCoverageMapContainer{
    background-image: url('../images/emptyMap_768x576.png')
}

.koremMedium #koremRoamingMainMap .koremNoCoverageMapContainer{
    background-image: url('../images/emptyMap_992x471.png')
}

.koremLarge #koremRoamingMainMap .koremNoCoverageMapContainer{
    background-image: url('../images/emptyMap_1200x570.png')
}

/**** Pay per use rates ****/
.koremDestinationMapComponent h3 {
    font-size: 19px !important;
}

#koremRoamingPayPerUseTable .koremNotes p {
    font-size: 0.8em;
    margin:10px 0 0 0;
}

/**** General Content Table ****/

.koremContentTable {
    border-collapse: collapse;
    margin-bottom: 0 !important;
    width: 100%;
}

.koremContentTable td, .koremContentTable th {
    border: #ccc solid 1px;
}

.koremContentTable thead th {
    padding: 10px;
    font-size: 1.1em;
}
.koremMedium .koremContentTable thead th .koremSubtext,
.koremLarge .koremContentTable thead th .koremSubtext{
    white-space: nowrap;
}
.koremSmall .koremContentTable thead th .koremSubtext {
    display: block;
}

#koremRoamingInternal .koremContentTable thead tr {

}
#koremRoamingInternal .koremContentTable thead tr th {
    background: none !important;
    background-color: #f2f2f2 !important;
    color: #555;
}

.koremContentTable tbody td {
    padding: 10px;
    vertical-align: middle;
}

.koremContentTable tbody td .koremBlueCheckmark {
    background-image: url('../images/blue_checkmark_small.gif');
    height: 16px;
    margin: 0 auto;
    width: 16px;
}

#koremRoamingInternal #koremRoamingNetworkTable .koremContentTable thead tr th {
    background: none !important;
    background-color: #003778 !important;
    color: #fff;
}

.koremRoamingTravelDestinationTitle {
    display: inline-block;
    font-weight: bold;
    font-size: 24px;
    color: #111;
    margin-top: 10px;
    font-family: "BellSlimSemiBoldRegular", "bell-slim", Arial, sans-serif !important;
}

/* Travel add-ons */
.koremMedium #koremTravelAddons .koremVerticalSeparator,
.koremLarge #koremTravelAddons .koremVerticalSeparator {
    border-right: 1px solid #cecece;
}

#koremTravelAddons .koremCollapseTitle p {
    background-image: url(../images/travel_suitcases_mob.png);
    background-repeat: no-repeat;
    background-size: 225px 187px;
    background-position: center bottom;
    padding-bottom: 185px;
    padding-right: 50px;
    margin-bottom: 0;
}

#koremTravelAddons #koremTravelAddonsToggleButton {
    padding: 0 36px 0 36px;
	line-height: 33px;
}
#koremTravelAddons #koremTravelAddonsToggleButton span:after {
    font-family: 'BellIcon';
    content: "\e656";
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    position: relative;
    right: 0;
	border: white solid 1px;
    border-radius: 12px;
    padding: 3px;
}

#koremTravelAddons #koremTravelAddonsToggleButton.collapsed span:after {
    content: "\e655";
}

#koremTravelAddons button{
    font-size:0.9em;
}

#koremTravelAddons .koremVerticalSeparator{
    margin-bottom: 10px;
}

#koremTravelAddons .koremVerticalSeparator button{
    width: 100%;
}
/**** International add-ons modal dialog ****/
#koremTravelAddonsModal .modal-dialog{
    height: 90%;
}

#koremTravelAddonsModal .modal-body{
    width: 100%;
    margin: 0;
    padding: 0;
}

.koremLarge #koremTravelAddonsModal .modal-body,
.koremMedium #koremTravelAddonsModal .modal-body{
    height: 90%;
}
.koremSmall #koremTravelAddonsModal .modal-body{
    height: 95%;
}

#koremRoamingInternal #koremDifferentDestinationLink {
    padding-left:10px;
    background: url('../images/bullet_arrow.png') left center no-repeat;
}

#koremRoamingInternal .koremCollapseTitle {
    position: relative;
}
#koremRoamingInternal .koremCollapseTitle h2 {
    padding-right: 50px;
}


#koremRoamingNetworkTable {
    clear: right;
    margin-top: 20px;
}

#koremRoamingNetworkTable thead th.operator {
    width: 50%;
}
#koremRoamingNetworkTable thead th.network {
    width: 30%;
}
#koremRoamingNetworkTable thead th.data {
    width: 20%;
}

#koremRoamingInternal .koremBlue {
    color: #055997;
}

/* Modal Window */

#koremTravelAddOnsModal button {
    width: 100%;
}

/* FOOTER */

#koremRoamingInternal .koremFooterNotes {
    font-size: 0.9em;
}

.koremBundleHeader {
    padding-left: 18px;
    font-size: 18px;
    color: #111;
}

.koremBundleHeader a {
    float: right;
}

.koremBlueHeader + table {
    width: 100%;
    border: 1px solid lightgray;
}

.koremBundleTitle {
    font-size:  26px;
    color: black;
    font-family: "BellSlimSemiBoldRegular", "bell-slim", Arial, sans-serif !important;
    line-height: 1.25 !important;
}

.koremMedium .koremBundlePrice,
.koremLarge .koremBundlePrice {
    color: #00549a;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 1;
    padding-left: 0px !important;
    padding-right: 0px !important;
    font-family: "BellSlimSemiBoldRegular", "bell-slim", Arial, sans-serif !important;
}

.koremSmall .koremBundlePrice {
    color: #00549a;
    font-size: 24px;
    margin-bottom: 5px;
    line-height: 1;
    padding-left: 0px !important;
    padding-right: 0px !important;
    font-family: "BellSlimSemiBoldRegular", "bell-slim", Arial, sans-serif !important;
}
.koremSmall.koremBundleChoice{
    color: #555555;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: "BellSlimSemiBoldRegular", Arial, sans-serif !important;
}

.koremMobileBundlePriceSpacer {
    margin-top: 5px;
}

.koremMobileCallToAction {
    width: 120px;
    text-align: center;
}

.koremSmall .koremBundleCategory .koremBuyNowButton{
    padding: 8px 12px;
    font-size: 15px;
    background-color: #00215e;
    line-height: 15px;
    text-align: center;
    text-decoration: none!important;
    color: #fff;
    border: 2px solid #00215e;
    border-radius: 24px;
    cursor: pointer;
    white-space: nowrap;
    transition: all .25s cubic-bezier(.55,0,.1,1);
}

.koremMedium .koremBundleCategory .koremBuyNowButton{
    padding: 8px 24px;
    font-size: 15px;
    background-color: #00215e;
    line-height: 15px;
    text-align: center;
    text-decoration: none!important;
    color: #fff;
    border: 2px solid #00215e;
    border-radius: 24px;
    cursor: pointer;
    white-space: nowrap;
    transition: all .25s cubic-bezier(.55,0,.1,1);
}

.koremLarge .koremBundleCategory .koremBuyNowButton{
    padding: 8px 24px;
    font-size: 15px;
    background-color: #00215e;
    line-height: 15px;
    text-align: center;
    text-decoration: none!important;
    color: #fff;
    border: 2px solid #00215e;
    border-radius: 24px;
    cursor: pointer;
    white-space: nowrap;
    transition: all .25s cubic-bezier(.55,0,.1,1);
}

.koremBundleCategory .koremBuyNowButton:hover{
    background-color: #003778;
    border-color: #003778;
}


.koremSmall .koremBundleCategory .koremBuyNowButton {
    width: 100%;
}

.koremMedium .koremBundleCategory .koremBuyNowButton {
    width: 100%;
}

.koremLarge .koremBundleCategory .koremBuyNowButton {
    width: 125px;
}

.koremFakeListBullet {
    width: 5px;
    height: 5px;
    float: left;
    border-radius: 50%;
    background-color: #2984D2;
    position: relative;
    top: 7px;
    margin-right: 5px;
}

.koremFakeListContainer {
    margin-left: 10px;
    padding-right: 20px;

}

.koremFakeListContainer ul {
    padding-left: 12px;
    margin-top: 15px !important;
}
.koremFakeListContainer ul li {
    margin-bottom: 2px !important;
    font-size: 12px;
}

.koremToggleDetails, .koremMobileToggleDetails {
    margin-left: 10px;
}

.koremDetailsLink {
    line-height: 19px; 
}

.koremMobileBundleCategory {
    padding: 0 10px 10px 10px;
}

.koremBundleNoneCategory {
    border: none !important;
    width: 100%;
}

.koremBundleNoneCategory tr td {
    border-top: 1px solid lightgray !important;
    border-bottom: 1px solid lightgray !important;
    padding-bottom:23px !important;
    padding-top:20px !important;
}

.koremBundleNoneCategory tr.koremLastTr td {
    border-bottom: 0 !important;
}

.koremMobileBundleNoCategory {
    border-top: 1px solid lightgray;
}
.koremMobileBundle {
    border-bottom: 1px solid lightgray;
    padding-bottom: 20px;
    padding-top: 15px;
    margin-bottom: 10px;
}

.koremMobileBundle:nth-last-child(1) {
    border: 0px;
}

.modal-dialog {
    position: relative;
    top: 200px;
}

.modal {
    background: rgba(0, 0, 0, 0.8);
}

.modal-backdrop{
    display: none;
}

.koremLeftSuperscript {
    font-size: 0.6em;
    top: -0.45em;
    position: relative;
}

#koremRoamingPayPerUseTable .koremLeftSuperscript {
    top: -10px; !important;
}

.koremSmall .rightSuperscript {
    display: inline-block;
    font-size: 0.6em;
    top: -0.45em;
    word-break: break-all;
    display: inline-block;
    position: relative;
}

.koremMedium .rightSuperscript {
    display: inline-block;
    font-size: 0.6em;
    top: -0.45em;
    word-break: break-all;
    display: inline-block;
    position: relative;
}

.koremLarge .rightSuperscript {
    font-size: 0.6em;
    top: -0.45em;
    word-break: break-all;
    display: inline-block;
    position: relative;
}

table.bundleCategory tr td {
    padding-bottom: 15px;
    padding: 8px 21px 7px;
}
table.bundleCategory tr td.koremBundlePrice {
    line-height: 21px;
}
table.bundleCategory tr td.koremBuyNowCol {
    width: 150px;
    text-align: center;
}


.seeCountryListLink {
    cursor: pointer;
    margin-top: 8px;
    font-size: 14px;
    position: relative;
    padding-right: 18px;
    color: #00549a !important;
}

.koremMobileDetailsCont {
    clear: both;
}

.countryListContainer {
    margin-top: 10px;
    font-size: 0.9em;
}

.koremButtonGrey {
    color: #212121;
    border: 1px solid #ccc;
    background-color: #fefefe;
    background-image: -webkit-linear-gradient(top, #fefefe 0, #e3e3e3 100%);
    background-image: linear-gradient(to bottom, #fefefe 0, #e3e3e3 100%);
    text-shadow: none;
    box-shadow: none;
    text-decoration: none;
    text-decoration: none !important;
}

.koremButtonGrey:hover {
    border-color: #0066a4;
    color: #0066a4 !important;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.34), 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}

.koremRoamingCoverageLegend {
    padding: 15px 0 0 1px;
    overflow: hidden;
}

.koremRoamingLegendCaption {
    float: left;
    margin: 2px 20px 2px 0;
    line-height: 23px;
}

.koremRoamingIcon {
    width: 23px;
    height: 23px;
    float: left;
    margin-right: 5px;
    border-radius: 5px;
}

.koremRoamingIcon.koremRoamingIcon_5g4glte {
    background-color: #0fffff;
}

.koremRoamingIcon.koremRoamingIcon_4glte {
    background-color: #5684b6;
}

.koremRoamingIcon.koremRoamingIcon_4g3gGsm {
    background-color: #3a6799;
}

.koremRoamingIcon.koremRoamingIcon_3gGsm {
    background-color: #999999;
}

.koremCoverageStaticDisclaimerDiv {
    margin-top: 5px;
    display: none;
}

/*.koremRoamingCoverageLegend {display:none !important}*/

.jqvmap-label {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: rgb(255, 255, 255) !important;
    border: 1px solid black;
    font-family:  "BellSlimSemiBoldRegular", "bell-slim", Arial, sans-serif !important;
    font-size: smaller;
    padding: 5px !important;
    color: black !important;
}

.jqvmap-label a{
    color: black;
}
.jqvmap-label a:hover{
    color: black;
    text-decoration: underline;
}

.jqvmap-label ul{
    margin-top: 0px;
    margin-bottom: 5px;
    padding-left: 25px;
    padding-right: 10px;
    color: black;
}

.jqvmap-label-title{
    padding: 3px;
    color:black;
}

.jqvmap-zoomin, .jqvmap-zoomout{
    color: black !important;
}

.koremRadioSpecial{
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    position: absolute;
}
.koremRadioSpecial > input{ /* HIDE ORG RADIO & CHECKBOX */
    visibility: hidden;
    position: absolute;
}
/* RADIO*/
.koremRadioSpecial > i{     /* DEFAULT <i> STYLE */
    display: inline-block;
    vertical-align: middle;
    width:  18px;
    height: 18px;
    background-image: url(../images/radioButton.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.koremRadioSpecial > input:checked + i{ /* (RADIO CHECKED) <i> STYLE */
    background-image: url(../images/radioButton.png);
    background-repeat: no-repeat;
    background-position: 0px -18px;
}

.morectnt span {
    display: none;
}
.showmoreCountry{
    cursor: pointer;
    background: #e2e7ea !important;
    padding: 4px;
    border-radius: 5px;
}
.koremSpecialCountryList .seeListOfCountries{
    margin-left: 29px;
    text-decoration: none!important;
    display: none;
}
.koremSpecialCountryList div.list{
    display: none;
    cursor: default;
}

span.seeListOfCountries{
    color: #428bca;
}


#koremRoamingInternal .rsx-button {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    margin: 15px 0;
    padding: 0 36px;
    vertical-align: middle;
    background-color: #003778;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    border: 2px solid #003778;
    border-radius: 24px;
    cursor: pointer;
    transition: all .25s cubic-bezier(.55,0,.1,1);
	height: 35px;
}

#koremRoamingInternal .rsx-button:hover, 
#koremRoamingInternal .rsx-button:focus, 
#koremRoamingInternal .rsx-circle:hover, 
#koremRoamingInternal .rsx-circle:focus {
    background-color: #00549a;
    border-color: #00549a;
}

#koremRoamingInternal a.rsx-button:hover, 
#koremRoamingInternal a.rsx-button:focus {
    color: #fff;
}

.koremRowPaddingAdjustment {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px !important;
}

.koremBundleItemBody {
    background-color: #F2F2F2;
    flex: 0 0 calc(50% - 10px);
    margin: 5px;
}

.koremLarge .koremBundleRightItemBody {
    margin-left: 30px;
}

.koremBundleItemTopStyleForDesktop {
    margin-top: 20px;
    margin-left: 20px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.koremBundleItemBottomStyleForDesktop {
    margin-left: 20px;
    margin-bottom: 20px;
}

.koremBundleItemStyleForMobile {
    margin-left: 5px;
}

.koremSmall .koremBundleCategory .koremBundleItemBody .koremPriceInfoCol {
    color: #00549a;;
    font-size: 17px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    margin-left: -10px;
    margin-right: -5px;
}

.koremMedium .koremBundleCategory .koremBundleItemBody .koremPriceInfoCol,
.koremLarge .koremBundleCategory .koremBundleItemBody .koremPriceInfoCol {
    color: #00549a;;
    font-size: 17px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

.koremSpecialNotes {
    font-size: 12px;
    font-family: arial;
    margin-left: 0px;
    color: #555;
}

.koremPriceButton {
    display: flex;
    justify-content: center;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.koremPriceChoice {
    float: right !important;
}

#koremRoamingTravelDestinationBody {
    background-color: #ffffff;
    border-bottom: 1px #d4d4d4;
    border-left: 1px #d4d4d4;
    border-right: 1px #d4d4d4;
}

.koremRoamingHeaderAdjustment {
    display: flex;
    justify-content: center;
}

.koremSmall #koremRoamingTravelDestination .koremRoamingHeaderTitle {
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    color: #ffffff;
    text-align: center !important;
    font-family:  "BellSlimSemiBoldRegular", "bell-slim", Arial, sans-serif !important;
}

.koremMedium #koremRoamingTravelDestination .koremRoamingHeaderTitle,
.koremLarge #koremRoamingTravelDestination .koremRoamingHeaderTitle {
    display: inline-block;
    font-weight: normal;
    font-size: 18px;
    color: #ffffff;
    min-width: 450px;
    text-align: center !important;
    font-family:  "BellSlimSemiBoldRegular", "bell-slim", Arial, sans-serif !important;
}

#koremRoamingPayPerUseTable #koremRoamingPayPerUseTableHeader {
    font-size: 26px;
    display: inline-block;
    color: black;
    font-family: "BellSlimSemiBoldRegular", "bell-slim", Arial, sans-serif !important;
}

.koremOperatorNetworkTitle {
    color: #555;
    font-size: 21px !important;
}

#koremRoamingTravelDestination #koremCommonSearchContainer {
    margin: 20px 0 0 0;
}

#koremRoamingTravelDestination #koremCommonSearchLabel {
    font-size: 14px;
    color: #FFFFFF;
}

#koremRoamingTravelDestination #koremCommonSearchContainer {
    margin: 20px 0 0 0;
}

#koremRoamingTravelDestination .koremCommonSearchItem {
    font-size: 14px;
    margin-right: 10px;
    cursor: pointer;
    text-decoration: underline;
}

.korem-pay-per-use-description {
    font-size: 16px;
    font-family: Arial;
}

.korem-pay-per-use-text {
    font-size: 16px;
    font-family: Arial;
}

.korem-look-for-destination-title{
    font-size: 32px !important;
}

.title-bundle{
    font-size: 47px !important;
}

@media (max-width: 1100px) {
    .koremBundleItemBody {
        flex: 0 0 100%;
    }

    #koremRoamingTravelDestination #koremCommonSearchLabel {
        font-size: 12px;
    }

    #koremRoamingTravelDestination .koremCommonSearchItem {
        font-size: 12px;
    }

    .koremBundleTitle {
        font-size:  22px;
    }

    .korem-pay-per-use-description {
        font-size: 12px;
    }

    .korem-pay-per-use-text {
        font-size: 16px;
    }

    .korem-look-for-destination-title{
        font-size: 18px !important;
    }

    #koremRoamingPayPerUseTable #koremRoamingPayPerUseTableHeader {
        font-size: 22px;
    }
}



.autoComplete_wrapper {
    display: inline-block;
    position: relative;
}

.autoComplete_wrapper > input {
    height: 40px;
    width: 740px;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px !important;
    color: #555555 !important;
    font-family: Arial;
    padding: 0.1rem 0.6rem 0.1rem 3.6rem;
    text-overflow: ellipsis;
    outline: none;
    border: 0.05rem solid black;
    background-image: url(../images/search.svg);
    background-size: 2.2rem;
    background-position: left 1.05rem top 1.2rem;
    background-repeat: no-repeat;
    background-origin: border-box;
    background-color: #fff;
    transition: all 0.4s ease;
    -webkit-transition: all -webkit-transform 0.4s ease;
    border-radius: 5px;
}

.autoComplete_wrapper > input::placeholder {
    transition: all 0.3s ease;
    -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:hover::placeholder {
    transition: all 0.3s ease;
    -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:hover {
    transition: all 0.3s ease;
    -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.autoComplete_wrapper > input {
    padding-right: 40px;
}

.autoComplete_wrapper > .autoComplete_clear {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    padding: 0;
    border: 0;
    background: none;
    color: #00549a;
    cursor: pointer;
}

.autoComplete_wrapper:hover>input:not(:placeholder-shown)~.autoComplete_clear,
.autoComplete_wrapper:focus-within>input:not(:placeholder-shown)~.autoComplete_clear {
    display: flex;
    align-items: center;
    justify-content: center;
}

.autoComplete_wrapper > ul {
    position: absolute;
    max-height: 226px;
    box-sizing: border-box;
    left: 0;
    right: 0;
    margin: 0.5rem 0 0 0;
    padding: 0;
    z-index: 1;
    list-style: none;
    border-radius: 0.6rem;
    background-color: #fff;
    color: black;
    border: 1px solid rgba(33, 33, 33, 0.07);
    box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
    outline: none;
    transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    -webkit-transition: opacity 0.15s ease-in-out;
}

.autoComplete_wrapper > ul[hidden],
.autoComplete_wrapper > ul:empty {
    display: block;
    opacity: 0;
    transform: scale(0);
}

.autoComplete_wrapper > ul > li {
    margin: 0.3rem;
    padding: 0.3rem 0.5rem;
    text-align: left;
    font-size: 1.3rem;
    color: #212121;
    border-radius: 0.35rem;
    background-color: rgba(255, 255, 255, 1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.2s ease;
}

.autoComplete_wrapper > ul > li mark {
    background-color: transparent;
    font-weight: bold;
    padding: 0 !important;
}

.autoComplete_wrapper > ul > li:hover {
    cursor: pointer;
    background-color: rgba(0, 84, 154, 0.15);
}

.autoComplete_wrapper > ul > li[aria-selected="true"] {
    background-color: rgba(0, 84, 154, 0.15);
}

.no_result{
    padding: 20px;
}

@media only screen and (max-width: 1000px) {
    .autoComplete_wrapper > input {
        width: 32rem;
        font-size: 10px;
    }
}

@media (max-width: 767px) {
    #koremRoamingInternal .autoComplete_wrapper { max-width: 100%; min-width: 0; }
    #koremRoamingInternal .autoComplete_wrapper > input { width: 100%; max-width: 100%; box-sizing: border-box; }
}