﻿.tooltip-inner {
    color: black !important;
    background-color: white !important;
    border: 1px solid gray !important;
}
.tooltip.in {
    opacity: 1 !important;
}

/* Recom Ascx start*/
/*removes up/down arrow from input type=number*/
.rmdCSPlanDetailLow {
       line-height:20%;
    }

.rmdCSPlanDetailDDL{
    width:100%;
    border: 1px solid #41a928;
        }

.hideRecommUl {
            display: none;
        }

.btnComapre {
        background: linear-gradient(to bottom, #89c403 5%, #77a809 100%) repeat scroll 0 0 #89c403;
        border-radius: 0;
        box-shadow: 0 1px 0 0 #a4e271 inset;
        color: #ffffff;
        font-family: calibri;
        font-size: 13px;
        font-weight: bold;
        padding: 6px;
        text-decoration: none;
    }


  
        .btnComapre:hover {
            text-decoration: none;
        }

    .Compare {
        float: right;
        margin-right: 40px;
        margin-top: -53px;
    }


    .rmdBckgrndclrWhite 
    {
         background-color: #ffffff !important;
    }

    #spanAgentName {
        position: relative;
        top: 6px;
    }

.rmdCSPlanDetail13:hover {
    color: #fff;
	background: #338720;

}



.rmdCSPlanDetail13:focus, .rmdCSPlanDetail13:hover {
    color: #fff;
	background: #338720;

}

    .rmdCSPlanNameDiv:focus , .rmdCSPlanNameAnchorUnderLin:hover{
        color: #fff !important;
}


.rmdCSPlanNameAnchorUnderLin:focus, .rmdCSPlanNameAnchorUnderLin:hover
{
    color: #fff !important;
}

.rmdCSPlanNameAnchorUnderLin:hover
{
    color: #fff !important;
}
.rmdddqclr3:hover
{
    color: #fff !important;
}
/*a:hover {*/
    /*color: #fff !important;*/

/*}*/

     
    .RecommandedBodyContent {
        padding-left: 10%;
        padding-right: 10%;
    }
/*
    .rmdCSPlanDetail8 {
        font-weight: bold !important;
    }
	*/

    .rmdCSPlanDetail3 {
        border-width: 2px !important;
    }

    .rmdCSPlanDetail2 {
        margin-left: -8% !important;
    }

    .rmdCSPlanDetail2 {
        font-size: 16px !important;
    }

    input[type=checkbox] {
        position: relative !important;
        top: 5px !important;
        left: 8px !important;
    }

    input[type=radio] {
        left: 0px !important;
    }

    .rmdCSPlanDetail12 select {
        border: 1px solid black !important;
        border-radius: 0 !important;
        height: 40px !important;
        position: relative;
        top: 1px;
        color: black;
        font-weight: normal !important;
        width:  95%;
    }
/*
    .rmdCSPlanDetail13 {
        color: white !important;
    }
*/
    .rmdddqft2 {
        margin-left: 5% !important;
    }

    /*.DescriptionRightContent {
        padding-left: 77px !important;
    }*/

    .glyphicon-question-sign {
        color: lightgray !important;
    }

    .rmdLineCmpPln {
        width: 1px !important;
        height: 175px !important;
    }

    .rmdCompareHeaderPln {
        position: relative !important;
        top: 42px !important;
    }
/*
    .rmdCSPlanDetail9 {
        color: #41a928 !important;
    }
	*/
/*
    .rmdCSPlanDetail5 {
        padding: 10px 0 0 0;
    }
	
	*/

    .rmdddqclr1 {
/**        margin-top: 14% !important;**/
    }

    .rmdfullMginLft {
        margin-left: -1%;
        height: 180px;
    }

    .rmdddqclr2 {
        margin-top: 12% !important;
    }

    .breadcrumb {
        margin-bottom: 0px !important;
        padding: 8px 3px !important;
        background-color: #ffffff !important;
       margin-left: 8%;
       color: #41a928 !important;
    }

   .breadcrumb .breadcrumb-item a {
            color: #41a928 !important;
             background-color: #ffffff !important;
    }

    .breadcrumb > .active {
            color: #707070 !important;
            background-color: #ffffff !important;
    }
    .breadcrumb > li + li:before
    {
    padding: 0 5px;
    color: #ccc;
    content: "» " !important;
     background-color: #ffffff !important;
    }



input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}


/*a {*/
    /*color: #FFFFFF; !important;*/
    /*text-decoration: underline;
}*/

    a:visited {
    }

/*    a:hover {
       color: #FFFFFF; !important;
        text-decoration: none;
    }*/
/*a:focus { outline: none; }
a:hover, a:active { outline: 0; }*/
abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 800;
    font-weight: bold\9;
}

p a b span, .squared a span {
    color: #de8719;
}


dfn {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: none;
    margin: 0;
    padding: 0;
    clear: both;
    *visibility: hidden;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}




/* 04/03/19 EJC - changed color as part on ADA 508 Compliance project */
/*input, select, textarea { border: 1px solid #c0c0c0; border-radius: 0px; outline: none; color: #848282;*/
/*input, select, textarea { border: 1px solid #c0c0c0; border-radius: 0px; outline: none; color: #676868;*/
input, select, textarea {
   /** border: 1px solid #c0c0c0;**/
    border: 1px solid #ffffff;
   /** border-radius: 10%; **/
    color: #676868;
    background: #FFFFFF;
    /*background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #e4e4e4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #e4e4e4 1px, #FFFFFF 25px);
    box-shadow: inset 0px 5px 5px #ddd;
    box-shadow: inset 0px 5px 5px rgba(0,0,0, 0.1);
  */
    padding: 7px 9px;
/*    font-size: 12px;
    font-style: italic;*/
}

button, input {
    line-height: normal; /*outline: 1px solid transparent;*/
}

    button, input[type="button"], input[type="reset"], input[type="submit"] {
        cursor: pointer;
        -webkit-appearance: button;
        *overflow: visible;
        font-style: normal;
    }

        button[disabled], input[disabled] {
            cursor: default;
        }
    /*input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; margin-right: 10px; border: none\9; outline: none; cursor: pointer; }*/
    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
      /***N***/
     
        *width: 13px;
        *height: 13px;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        border: none\9;
        cursor: pointer;
        background-color:#FFFFFF;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
    min-width: 210px;
    width: 80%;
    max-width: 540px;
    box-sizing:
}

    input:valid, textarea:valid {
    }

    input:invalid, textarea:invalid {
        background-color: #f0dddd;
    }

    input:not(.search):hover, textarea:hover, select:hover {
        border-color: #41a928;
        outline: 1px solid #81e8f9;
    }

    input:focus, textarea:focus, select:focus, input:focus:hover {
        border-color: #41a928;
        outline: 1px solid #fff777;
    }

input[type="submit"]:hover, button:hover {
   /** outline: transparent 1px solid;**/
}


/* fonts */
.button, button, input[type="button"], input[type="reset"], input[type="submit"],
#posterTop, h1, header nav ul li a,
ul.utilUL li a.utilTab, big,
h2, h4, .liteUI article > div > fieldset > label, .open,
table.matrix tbody tr.pagenation a, table.matrix tbody tr.pagenation span {
    font-family: 'Open Sans', sans-serif;
}

.italFix, input, textarea, input.italFix {
    font-family: Georgia, "Times New Roman", Times, serif;
}

    .button, button, input[type="button"], input[type="reset"], input[type="submit"] {
     left: 0px;
    top: 0px;
 
    height: 10%;
    background: inherit;
     background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    border-color: #41a928;
    border-radius: 0px;
    box-shadow: none;
    font-family: 'Arial Bold', 'Arial';
    font-weight: 700;
    font-style: normal;
    color: #41a928;
    text-align: center;
    /***N  ***/
     /**  border: 1px solid #026ca9;  **/
     border: 2px solid #41a928;
  
    }


.button span, button span {
    opacity: 0.5;
}

.button a {
    color: #EEEEEE;
}

.button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    color: #FFFFFF; !important;
    text-decoration: none;
   background: #41a928;
    /*background: #087ec2 url(/App_Themes/sqe2/library/images/ui/gradient_blue.png) 0 60px repeat-x;*/
}

/* Top Navigation*/



/*home right */
/*DROP DOWN UL STYLE DIFFS */
/*html.no-js ul.utilUL li:hover ol, html.no-js  ul.utilUL li:hover ul { display: block; opacity: 1.0; }*/
/* additional form styling */

/*Current rates table*/
.hoverTable:hover {
    background-color: #efefef;
    opacity: 0.90;
    /*box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.38);
          -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.88);*/
}


/*Home Screen*/

        
/* Recom Ascx start*/

.rmdfull {
width: 100%; height: 20%;border-color: #41a928;background-color: #41a928;color: #ffffff;
}

.rmdfullMginLft {
    margin-left: -1%;
      /**height: 200px;**/
  }

.rmdpln {
color:#ffffff;margin-top:20px;font-size: 20px;text-align:center; font-weight: bold;
}

.rmdpln1 {
  font-family: 'Arial';font-weight: 400;font-style: normal;text-transform: none;letter-spacing: normal;line-height: normal;
  font-size: 34px;text-rendering: optimizeLegibility;-webkit-font-feature-settings: "kern";font-kerning: normal;text-transform: none;color: #FFFFFF;text-align: left;
}

.rmdfntsiz1 {
font-size: 20px;font-weight: bold;

}
.rmdfntsiz2 {
margin-top: 10px;text-align:center;

}

.rmdptrclr {
cursor: pointer;color:#ffffff;

}

.rmdclrsz {
color:#ffffff;font-size: 12px;
}

.rmdbld{
font-weight: bold;
}

.rmdrhtmar {
float: right; margin-top: -20px;
}

.rmdclrfntwt {
color: #41a928; font-weight: bold;text-align:left;
}

.rmdmxwid{
max-width: 2px;height: auto;
}

.rmdbdrrd{
border-radius:0px;border: 2px solid #41a928;font-weight:700;color:rgb(0, 32, 91);background:#ffffff;
}

.rmdwid {
  background-color:#ffffff;
}

.rmdhhtwid {
height:30px;width:20px;
}

.rmdctr {
text-align:center;
}

.rmdrht {
text-align: right;
}

.rmdlft {
text-align:left;
}

.rmdhw {
height:50px;width:2px;
}

.rmdfntdis {
font-size: 12px;display:inline-block;
}

.rmdwidpx {
width:125px
}

.rmdclr {
color: #ffffff;
}

.rmdhtid {
height:80px;width:50px
}

.rmdmarlft {
margin-left: 30px;
}


.rmdErrRd {
color: red; font-weight: bold
}

.rmdBckGrndClr {
background:#41a928;
 }

.rmdVisiblehidden {
visibility: hidden;
}

.rmdClrlft {
color: red;text-align:left;
}


.rmdTalk {
font-size: 28px; color: #000000;
}

.rmdNeed {
text-align: left;font-size: 14px;color: rgb(0, 0, 0);
}

.rmdNeedPh {
font-size: 18px; text-decoration: underline; color: #000000; text-align: left;
 }

.rmdFntwiddis {
font-size: 12px;width:125px;display:inline-block;
} 

.rmdLearnMore {
font-size: 14px; color: rgb(0, 0, 0);
}

.rmdFreAskQuest {
text-decoration: underline; color: #000000;
}

.rmdddclr {
color:#41a928;

}

.rmdddqclr {
margin-top:15px;

}


.rmdddqclr1 {
margin-top:11%;

}
.rmdddqclr2 {
margin-top:10%;line-height: 2;

}

.rmdddqclr3 {

}

.rmdddqclr4 {

}

.rmdddqft1 {
margin-top:10%;margin-left:45%;
}

.rmdddqft2 {
margin-top:5%;
  margin-left: 50%;
}
.rmdPlnName{
    font-size: 28px;
    text-rendering: optimizeLegibility;-webkit-font-feature-settings: "kern";
    font-kerning: normal;text-transform: none;
    color: #000000;
    text-align: left;
    font-family: 'Arial';
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1;
   
}

.rmdPlnDescHeader {
    font-size: 16px;
    text-align: left;
    list-style-type: disc;
    text-transform: none;
    visibility: inherit;
    color: #000000;
    line-height: 22px;
	font-family: 'Arial';
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
}

.rmdLineCmpPln	
{	
  background-color: #000000;
  width: 2px;
  height: 130px;
  top: 10px;
  left: 50%;
  display: block;
 }

.rmdCompareHeaderPln {
    font-weight: 700;
    color: rgb(65, 169, 43);
    text-align: center;

    text-rendering: optimizeLegibility;
    
    -webkit-font-feature-settings: "kern";
   
    font-kerning: normal;

    text-transform: none;

    font-style: normal;
   
    font-size: 14px;
  /***  N ***/
  margin-left: -10%;
}

.rmdCSPlanNameDiv
{
 text-align:center; 
  margin-top: 5px;
  background-color:#41a928;
  color: white; 
  height:20%;
  /**   position:absolute;**/
  }
.rmdCSPlanNamePara    
{
  text-align:center; padding:20px;
    
 }
.rmdCSPlanNameAnchorUnderLine
{
  text-decoration: underline; font-size: 20px; font-weight: 400; color: rgb(255, 255, 255) !important; text-align: center;
}

 .rmdCSPlanDetail1
 {
  text-align:center;  margin-botton: 20px;line-height: 22px;
 }

 .rmdCSPlanDetail2
 {
   display:block; color: #000000; margin-top:10px; font-size: 18px; text-align: center; font-family: 'Arial';
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    margin-left: -15%;
 }
 /*
  .rmdCSPlanDetail3
 {
   width: 85%;border-width: 1px;
 }
 */
  .rmdCSPlanDetail4
 {
  /* width: 90%;*/
  }
  
 .rmdCSPlanDetail5
 {
                        background-color: #49c4eb;
        color: #ffffff;        
        font-size: 14px;
        line-height: 2;
        font-weight: 700;
        
        padding: 12px 0px 0px 0px;
        margin-bottom: 4px;
        display: block;
        float: left;
        
        cursor: pointer;    
       text-align: center;
       text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "kern";  
      font-kerning: normal;
       text-transform: none;
       font-style: normal;    
       font-family: 'Arial Bold', 'Arial';
       
     /*** width:180px;  **/


 }

.rmdCSPlanDetail6
 {
 margin-right:58px;
 }

  .rmdCSPlanDetail7
 {
   font-weight: bold;font-size: 16px; font-weight: 700; color: #000000; 
 }
  .rmdCSPlanDetail8
 {
 font-family:'Arial';font-weight:400;font-size:34px;color:#41a928;
 }

  .rmdCSPlanDetail9
 {
 text-decoration: underline; color: #0000EE;text-rendering: optimizeLegibility;font-kerning: normal;text-transform: none;font-size: 14px;
  font-family: 'Arial';
    font-weight: 400;
    font-style: normal;
  letter-spacing: normal;
  line-height: 2;
 }

  .rmdCSPlanDetail10
 {
   font-size: 16px; font-weight: 700;color: #000000;line-height: 1;
 }

  .rmdCSPlanDetail11
 {
 font-size: 13px;font-weight: bold;color: #000000;line-height: 2;
 }
 
 /*
  .rmdCSPlanDetail12
 {
 width:220px;color: #41a928;line-height: 2;
 }
 */

  .rmdCSPlanDetail13
 {
   font-weight: 700; 
  color: rgb(255, 255, 255);
  background: #41a928; 
  /* width: 175px;*/
   width: 90%;
    height: 50px;
 }


.rmdCSPlanDetail14
 {
  /**margin-right:58px;**/
 }

  .rmdCSPlanDetail15
 {
    /**margin-right:58px;**/
 }

  .rmdCSPlanDetail16
 {
    /**margin-right:75px;margin-left:-15px;*/
  background-color:#fff;
 }

.rmdCSPlanDetail17
 {
    padding-left: 10%;
 }

.rmdCSPlanDetailDesc1
{
  color: #000000; font-size: 18px; 
  font-weight: 700;
  /***max-height:50px !important;  ***/
}

.rmdCSPlanDetailDesc2
{
 margin-top:-20px; margin-left:358px;height:15px;width:15px; 
}

  .rmdddmodifyull
 {
    text-decoration: underline; color: #ffffff;
 }

.rmdclrsz1 {
font-size: 14px;margin: 0px;text-rendering: optimizeLegibility;-webkit-font-feature-settings: "kern";font-kerning: normal;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;  border-width: 0px;word-wrap: break-word;text-transform: none;border-width: 0px;left: 0px;color: #FFFFFF;text-align: left;font-family: 'Arial';font-weight: 400;font-style: normal;letter-spacing: normal;margin-left: auto;margin-right: auto;
}

.rmdLineCmpPlnft
{
    background-color: #000000;
  width: 2px;
  height: 50px;
 
  display: block;
  margin-left: -85%;
}
.rmdContainer
{
margin-left:6%;
 }     



.rmdBckgrndclrWhitarginlft
{
 margin-left: 8%;
}



.rmdCSPlanDivDivider{
background-color:#ffffff;height:10px;line-height:2;
}

@media only screen and (max-width: 600px) {
        .breadcrumb {
            padding: 0px !important; background-color: #ffffff !important;
        }
  
  .rmdpln1 {
  font-family: 'Arial';font-weight: 400;font-style: normal;text-transform: none;letter-spacing: normal;line-height: normal;
  font-size: 34px;text-rendering: optimizeLegibility;-webkit-font-feature-settings: "kern";font-kerning: normal;text-transform: none;color: #FFFFFF;text-align: left;
   /** margin-top: -11% !important; **/
}

        .rmdfullMginLft {
            margin-left: -1% !important;
            height: 200px !important;
            margin-top: 2%;
        }

        .rmdCSPlanDetail3 {
            width: 100% !important;
        }

        .col-sm-6 .rmdPlnDescHeader {
            margin-top: -10px !important
        }

        .rmdddqclr1, .rmdddqclr2 {
            padding-left: 10px;
            margin-top: 0px !important;
        }

        .RecommandedBodyContent {
            padding-left: 35px !important;
            padding-right: 35px !important;
            /**margin-top: -60px !important;**/
            margin-top: -10% !important;
        }

        .rmdPlnName {
            font-size: 20px !important;
            margin-top: 16%;
        }

        .rmdLineCmpPln {
            display: none !important;
        }

        .rmdCompareHeaderPln {
            position: relative !important;
            top: 0px !important;
            width: 100% !important;
            margin: 0px !important;
        }

        .rmdCSPlanDetail16 {
            margin-right: 0px !important;
            margin-left: 0px !important;
        }

        .rmdCSPlanNameDiv {
            margin: 0px !important;
            width: 100% !important;
        }

        .rmdCSPlanDetail4 {
            width: 100% !important;
            text-align: center !important;
            margin-top: -18px !important;
        }

        .rmdCSPlanDetail12 {
            width: 100% !important;
        }

        .rmdCSPlanDetail17 {
            margin-left: -25px !important;
            margin-right: -25px !important;
        }

        .rmdCompareHeaderPln {
            /*position: absolute !important;
            left: 0px !important;
            right: 0px !important;
            top: 20px !important;*/
        }

        .rmdCSPlanDetail13 {
            width: 100% !important;
        }

        .DescriptionRightContent {
            padding-left: 6% !important;
            text-align: left !important;
            margin-top: 15%;
            /*padding-top: 1% !important;**/
        }

        .rmdCSPlanDetail12 select {
            width: 100% !important;
        }

        .waitingPeriodsDiv {
            padding-left: 15px !important;
            padding-bottom: 20px !important;
        }

        .rmdddqft2 {
            width: 100% !important;
            margin-left: 15px !important;
            margin-right: 15px !important;
        }

        .rmdddqftclr1 {
            width: 100% !important;
        }

        .hideRecommUl {
            display: none;
        }

        .rmdCSPlanDetail14 {
            margin-right: 0px !important;
        }
    }


@media screen and (min-device-width: 768px) and (max-device-width: 1024px) 
{
  
.RecommandedBodyContent {
    /*padding-left: 2%;*/ 
  /**  padding-right: 7%;**/
    padding-right: 5%;
    padding-left: 2%;

}
 .rmdfullMginLft {
        margin-left: -2% !important;
        height: 180px !important;
    }
  
  .rmdPlnName {
    font-size: 22px;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "kern";
    font-kerning: normal;
    text-transform: none;
    color: #000;
    text-align: left;
    font-family: 'Arial';
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1;
}

  .rmdpln1 {
    font-family: 'Arial';
    font-weight: 300;
    font-style: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: normal;
    font-size: 30px;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "kern";
    font-kerning: normal;
    text-transform: none;
    color: #fff;
    text-align: left;
  }
  .rmdCSPlanNameAnchorUnderLine {
    text-decoration: underline;
    font-size: 18px;
    font-weight: 300;
    color: #fff !important;
    text-align: center;
}
  
}

@media only screen and (max-width: 1024px) {
  
  <!-- 5/19/20 EJC: removed as background for footer uses this rule and it should not be white. Hopefully no other elements use this media rule  -->
  <!--
  .container {
        background-color: #ffffff !important;
      }
  -->
    
    .rmdpln1 {
    font-family: 'Arial';
    font-weight: 300;
    font-style: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: normal;
    font-size: 22px;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "kern";
    font-kerning: normal;
    text-transform: none;
    color: #fff;
    text-align: left;
}
  .rmdCSPlanNameAnchorUnderLine {
    text-decoration: underline;
    font-size: 18px;
    font-weight: 300;
    color: #fff !important;
    text-align: center;
}
        
    } 

<!-- 5/19/20 EJC: removed as background for footer uses this rule and it should not be white. Hopefully no other elements use this media rule  -->
<!--
@media (min-width: 1200px)
  {
    .container {
        background-color: #ffffff !important;
}
-->
/* End Region*/


/* Recom Ascx stop*/
  







      