/* Global Class (in theory) */
/* Rate Finder Tool */
.rate-finder-tool {
    display: none;
    text-transform: none;
    margin-bottom: 40px;
    min-height: 150px;
}

.rate-finder-tool button {color:#FFFFFF; background-color:#FF8419; font-size:14px; min-height: 40px; min-width: 120px; /*padding: 5px 20px;*/ margin: 20px; border:0px;font-family: 'Roboto',sans-serif; font-weight: 700; width:160px; cursor: pointer;}
.rate-finder-tool button.off {opacity:0.2;}
.rate-finder-tool button.region {margin-top:224px;}
.rate-finder-tool button.wait {background: url("/resources/dotcom/images/loading_spinner.gif") no-repeat scroll center center #FF8419;}

.rate-finder-tool .italic {font-style: italic;}


.rate-finder-tool .rate-finder-tool-controls {
    position: relative;
    /*display: inline-block;*/
}
    .rate-finder-tool .rate-finder-tool-controls button.rft-button-submit {
        position: absolute;
        left: 100%;
        bottom: 0;
        margin: 0 0 0 40px !important;
    }

.rate-finder-tool .rft-plan-control {
    position: relative;
    z-index: 2;
}
.rate-finder-tool .rft-countrycombo {
    position: absolute;
    z-index: 1;
}
@media screen and (min-width:375px) {
    .rate-finder-tool .tool-divider{
        margin-left: 150px;
        margin-top: 90px;
    }
}
@media (min-width:769px) {
    .rate-finder-tool .tool-divider{
        margin-left: 425px;
        margin-top: 30px;
    }
}

    .rate-finder-tool .rft-countrycombo input[type="text"] {
        font-size: inherit;
    }


.rate-finder-tool .rate-finder-tool-section > h3 {margin:20px 0px 10px;}
.rate-finder-tool .rate-finder-tool-section > h3:first-child {margin-top:0px;}
.rate-finder-tool .rate-finder-tool-section .rft-regions {display:none; margin-top:20px;}

.rate-finder-tool .rate-finder-dropdown {
    /*width: 300px;*/
    width: 100%;
    /*max-width: 100%;*/
    overflow: auto;
    max-height: 300px;
    display: none;
    position: absolute;
    z-index: 1;
    border-top: 1px solid #ccc;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}
.rate-finder-tool .rate-finder-dropdown.visible {visibility: visible;}
.rate-finder-tool .rate-finder-dropdown div.item {
    height: 40px;
    background-color: #fff;
    padding: 10px;
    overflow: hidden;
    cursor: pointer;
}
.rate-finder-tool .rate-finder-dropdown div.item:hover {
    color: #fff;
    background-color: #0075C9;
}

.rate-finder-tool .rate-finder-select {
    position: relative;
    z-index: 2;
    height: 45px;
    /*width: 300px;*/
    max-width: 100%;
    background-color: #fff;
    padding: 14px 22px;
    cursor: pointer;
    background-color: #fff;
    background-image: url('/resources/dotcom/images/tools/arrow-down.png');
    background-repeat: no-repeat;
    background-position: right 14px center;
    line-height: 17px;
}
    .rate-finder-tool .rate-finder-select > span {
        display: block;
    }

.rate-finder-tool .rate-finder-tool-section {
    /*float:left;*/
    display: inline-block;
}

.rate-finder-tool-results {
    clear: both;
    width: auto;
    overflow: hidden;
    margin-top: 20px;
}
.rate-finder-tool-results > div.pt {
    width: 30%;
}
.rate-finder-tool-results > div.lm {
    width: 20%;
}
.rate-finder-tool-results > div > p {
    margin: 0px;
    padding: 5px 0px;
}
.rate-finder-tool-results > div > p.rft-display {
    padding: 10px 0px;
}
.rate-finder-tool-results > div {
    float: left;
    padding-left: 20px;
}
.rate-finder-tool-results > div:first-child {
    padding-left: 0;
}
.rate-finder-tool-results > div .rft-display {
    padding: 10px 0;
    border-top: 2px solid #000000;
    border-bottom: 1px solid #DBDBDC;
}
.rate-finder-tool-results > div p.highlight{
    background: #F6860C;
    color: #FFFFFF;
    padding-left: 10px;
}

/* non-image version of dropdown arrow */
/*.rate-finder-select > span:after {content:"v"; float: right; transform:scaleX(2); -ms-transform:scaleX(2); -webkit-transform: scaleX(2); font-style: normal; font-family: sans-serif; font-size:18px; text-decoration: none;}*/

/* Retail Subscribe MAC address page */
.retailContent h3 {font-size:1.375em; margin-bottom:50px;}
.retailContent .rate-finder-tool .rate-finder-tool-results > div {margin-right:15px;}
.retailContent .rate-finder-tool button {margin-top:128px;}
.retailContent .rate-finder-tool button.region {margin-top:188px;}

/* tablet */
/*@media screen and (max-width:960px) {
    .rate-finder-tool-results > div.pt {width:220px;}
    .rate-finder-tool-results > div.lm {width:115px;}
}*/

/* mobile */
/*@media screen and (max-width:650px) {
	#test-rate.rate-finder-tool {
        overflow:hidden;
    }
}*/
@media screen and (max-width: 600px) {
    .rate-finder-tool {
        font-size: 14px;
    }
    .rate-finder-tool .rate-finder-tool-section {
        display: block;
    }
    .rate-finder-tool button {
        margin: 20px 0;
        width: 100%;
    }
    /*.rate-finder-tool button.region {
        margin-top:20px !important;
    }
    .rate-finder-tool .rate-finder-select {
        width:240px;
        background-position: 235px center;
    }
    .rate-finder-tool .rate-finder-dropdown {
        width:260px;
    }*/
    .rate-finder-tool-results > div.pt, .rate-finder-tool-results > div.lm {
        width: 100%;
        padding: 0;
    }

    /* Retail Subscribe MAC */
    .retailContent h2 {font-size:1.5em; margin-top:30px;}
    .retailContent h3 {font-size:1.2em;margin-bottom: 30px;}
    .retailContent .rate-finder-tool button {margin-top:30px;}
    .retailContent .rate-finder-tool button.region {margin-top:30px;}
}


/* Control widths */
.rft-plan-control,
.rft-countrycombo {
    width: 100%;
}
/*@media (min-width: 414px) {
    .rft-plan-control,
    .rft-countrycombo {
        width: 300px;
    }
}*/
@media (min-width: 768px) {
    .rft-plan-control,
    .rft-countrycombo {
        width: 380px;
    }
}