/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
.clr {clear:both;}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
    background:#FAFAFA; font-size: 100%; font-family:Arial, Helvetica, sans-serif;
}

.header-container {height:auto; background:url(../images/header-bg.jpg) repeat-x bottom center; padding-bottom: 11px;}
.toppd { padding-top:25px;}
.wrapper {
    width: 67%;
    margin: 0 auto; }

.header-portion { border:1px solid #dadadd; padding:20px; background:#f7f7f9;-webkit-border-radius: 4px;
                  -moz-border-radius: 4px;border-radius: 4px;border-bottom:5px solid #c3c3c3;}
.doct {float:left; width:17%}
.dct-msg {float:right; padding:1% 8% 15px 5px; background:#0099CC; margin-left:1%; margin-top:1px; width:72%;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;border-radius: 10px;
          background: rgba(190,212,51,1);
          background: -moz-linear-gradient(top, rgba(190,212,51,1) 0%, rgba(160,201,57,1) 55%, rgba(151,197,59,1) 100%);
          background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,212,51,1)), color-stop(55%, rgba(160,201,57,1)), color-stop(100%, rgba(151,197,59,1)));
          background: -webkit-linear-gradient(top, rgba(190,212,51,1) 0%, rgba(160,201,57,1) 55%, rgba(151,197,59,1) 100%);
          background: -o-linear-gradient(top, rgba(190,212,51,1) 0%, rgba(160,201,57,1) 55%, rgba(151,197,59,1) 100%);
          background: -ms-linear-gradient(top, rgba(190,212,51,1) 0%, rgba(160,201,57,1) 55%, rgba(151,197,59,1) 100%);
          background: linear-gradient(to bottom, rgba(190,212,51,1) 0%, rgba(160,201,57,1) 55%, rgba(151,197,59,1) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed433', endColorstr='#97c53b', GradientType=0 );

}
.thnk-msg, .thankyou-msg, .thnk-premier-msg {float:right; padding:2% 5%; background:#0099CC; margin-left:1%; margin-top:1px; width:90%;
                                             -webkit-border-radius: 10px;
                                             -moz-border-radius: 10px;border-radius: 10px;
                                             background: rgba(190,212,51,1);
                                             background: -moz-linear-gradient(top, rgba(190,212,51,1) 0%, rgba(160,201,57,1) 55%, rgba(151,197,59,1) 100%);
                                             background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,212,51,1)), color-stop(55%, rgba(160,201,57,1)), color-stop(100%, rgba(151,197,59,1)));
                                             background: -webkit-linear-gradient(top, rgba(190,212,51,1) 0%, rgba(160,201,57,1) 55%, rgba(151,197,59,1) 100%);
                                             background: -o-linear-gradient(top, rgba(190,212,51,1) 0%, rgba(160,201,57,1) 55%, rgba(151,197,59,1) 100%);
                                             background: -ms-linear-gradient(top, rgba(190,212,51,1) 0%, rgba(160,201,57,1) 55%, rgba(151,197,59,1) 100%);
                                             background: linear-gradient(to bottom, rgba(190,212,51,1) 0%, rgba(160,201,57,1) 55%, rgba(151,197,59,1) 100%);
                                             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed433', endColorstr='#97c53b', GradientType=0 );

}
.see_wrap, .see-premier-wrap {font-size:29px; color:#000000; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
.see_wraps {font-size:29px; color:#000000; font-family:serif; /*font-weight:bold;*/}
.wil-hr { border-bottom:1px solid #FFF; margin:10px auto 10px auto; width:70%;}
.seewrap-txt {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; font-size:17px; line-height:27px;}
.thnk-premier-msg {background:#002366;}
.see-premier-wrap {color:#ffffff;}
/*-------===========mainarea-wrapp===============--------------*/
.main-container {}
.main {padding: 15px 15px 5px 0}

.thank {
    vertical-align: top;
    background-color: #B8D233;
    padding: 40px 10px;
    font-size: 30px;
    font-weight: bold;
    margin: 10px 0;
    text-align: center;
}
/*--===============submit buttons---==================--------*/

.hyper-button, .hyper-button:hover {
    padding: 15px 10px 15px 10px;
    border-right: 1px solid #5e890a;
    border-top: 1px solid #5e890a;
    border-bottom: 1px solid #000;
    height: 5em;
    outline: 0;
    font-weight: bold;
    font-size: 1.3em;
    color: #fff;
    text-shadow: 0px 1px 0px #222;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
    -ms-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
    background: rgb(228,237,189);
    background: -moz-linear-gradient(top, rgb(228,237,189) 2%, rgb(207,219,120) 3%, rgb(149,175,54) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgb(228,237,189)), color-stop(3%,rgb(207,219,120)), color-stop(100%,rgb(149,175,54)));
    background: -webkit-linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%);
    background: -o-linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%);
    background: -ms-linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%);
    background: linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4edbd', endColorstr='#95af36',GradientType=0 );
}

.submitbtn {
    border-left: 1px solid #5e890a;
    border-right: 1px solid #5e890a;
    border-top: 1px solid #5e890a;
    border-bottom: 1px solid #000;
    height: 2em;
    padding: 0 1em;
    outline: 0;
    font-weight: bold;
    font-size: 1.3em;
    color: #fff;
    text-shadow: 0px 1px 0px #222;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
    -ms-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
    background: rgb(228,237,189);
    background: -moz-linear-gradient(top, rgb(228,237,189) 2%, rgb(207,219,120) 3%, rgb(149,175,54) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgb(228,237,189)), color-stop(3%,rgb(207,219,120)), color-stop(100%,rgb(149,175,54)));
    background: -webkit-linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%);
    background: -o-linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%);
    background: -ms-linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%);
    background: linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4edbd', endColorstr='#95af36',GradientType=0 );
}
.submitbtn:hover, .submitbtn:active {
    border-color: #7c9826 #7c9826 #000;
    color: #fff;
    -moz-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
    -ms-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
    background: rgb(228,237,189);
    background: -moz-linear-gradient(top, rgb(228,237,189) 2%, rgb(207,219,120) 3%, rgb(149,175,54) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgb(228,237,189)), color-stop(3%,rgb(207,219,120)), color-stop(100%,rgb(149,175,54)));
    background: -webkit-linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%);
    background: -o-linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%);
    background: -ms-linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%);
    background: linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4edbd', endColorstr='#95af36',GradientType=0 );
}

/*-----================employer page style------==============-*/
.form-wrapper {width:96%; margin:0 auto; border:1px solid #a2a2a8; padding:2%; -webkit-border-radius: 6px;
               -moz-border-radius: 6px;
               border-radius: 6px; }
.form-heading { font-family:Tahoma, Geneva, sans-serif; color:#333; font-size:24px; font-weight:bold; clear:both; margin:0 0 30px 0;text-align: center;}
#aspnetForm fieldset {
    margin-bottom: 30px;
    border-top: 1px solid #a2a2a8;
    border-left: 1px solid #a2a2a8;
    border-bottom: 1px solid #a2a2a8;
    border-right: 1px solid #a2a2a8;
    padding: 6px;
    margin: 0px 30px 30px 0px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#aspnetForm legend { font-size:17px; color:#333333; }
.hgt { height:20px;}
.istrow-form {width:100%; margin:0 0 20px 0; clear:both;}
.frm-left {width:48%; float:left;}
.frm-right {width:48%; float:left; margin-left:4%;}
.inptbox-nme { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; display:block; margin:0 0 4px 0;}
.inpt-field-wrapper {display:block; width:100%;}

.inputfiel-dadjst, textarea {
    width: 95%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #999;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
    -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
    box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 12px 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.inputfiel-dadjst:hover, textarea:hover {
    border: 1px solid #999;
    background: rgb(255,255, 255);
}
.slctoptn:focus {
    border: 2px solid #999!important;
}
/*.inputfiel-dadjst:active, textarea:active, textarea:focus,
.inputfiel-dadjst:focus{
    border: 1px solid #999;
    position: relative;
    top: px;

    -webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;

}*/
.slctoptn {
    width: 95%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #999;
    /*-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
    -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
    box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;*/
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 10px 8px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 5px;
    background-color: #ffffff;
}

.left1 {width: 40%; float: left;}
.left2 {width: 40%; float: left; margin:0 2% 0 2%; }
.left2-employ {width: 36%; float: left; margin:0 1% 0 2%; }
.left3 { width: 14%;float: left; }
.left3-employ { width: 18%;float: left; }
.left4 {width: 21%;float: left; margin: 0px 2% 0px 0%;}
.left5 {width: 37%;float: left;}
.left6 {width: 37%;float: left;margin: 0px 0px 0px 2%;}
.dob1 {float:left; width:31%;}
.dob2 {float:left; width:31%; margin:0 2% 0 2%;}
.dob3 {float:left; width:33%;}

/* Homestead CSS */
.header-homestead-frmdiv{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    padding-bottom:2%;
    vertical-align: middle!important;
    margin: auto;
}


.homestead-logo{
    width: 100%;
}

.homestead-logo-div{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}
.provider-nomination-form{
    color: #5C09AC;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.provider-nomination-form span{
    padding-left: 19%;
    font-size: 1.5em;
}
.wrapper-homestead {
    width: 75%;
    margin: 0 auto;
}

.frm-left-homestead{
    width: 20%;
    float: left;
}

.homestead-grad {
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 25px !important;
}

.homestead-registrationfrm {
    background-color: #FAFAFA;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 #000000;
    color: #444;
    font-family: "Raleway", sans-serif !important;
    overflow: auto;
    /*overflow-wrap: break-word;*/
}
.hs-fieldset{
    border-color: #ccc !important;
}

.hs-legend{
    background: #604eb9 !important;
    color: #fdfdfd !important;
}
.hs-legend strong{
    color: #FFFFF0;
}

.hs-add-btn {
    border: 1px solid #7eb9d0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size: 15px;
    padding: 10px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #5C09AC;
    color: #fff;
    font-weight: bold;
    outline: 0 none;
    margin-bottom: 25px;
    overflow: hidden;
    overflow-wrap: break-word;
    width: auto;
}

.hs-delete-btn {
    border: 1px solid #7eb9d0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size: 12px;
    padding: 4px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #6A3300;
    color: #fff;
    font-weight: bold;
    outline: 0 none;
    margin-bottom: 0px;
    overflow: hidden;
    overflow-wrap: break-word;
    width: auto;
}

.hs-slctoptn {
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #999;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 10px 8px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 5px;
    background-color: #ffffff;
}

.hs-inputfiel-dadjst, textarea {
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #999;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
    -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
    box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 12px 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.hs-inputfiel-dadjst:hover, textarea:hover {
    border: 1px solid #999;
    background: rgb(255,255, 255);
}
.hs-selectDivStyle {
    background: #fff ;
    border-radius: 8px;
    position: relative;
    width: 100%;
    float:left;
}


.hs-dob1 {float:left; width:31%;}
.hs-dob2 {float:left; width:31%; margin:0 2% 0 2%;}
.hs-dob3 {float:left; width:33%;}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 769px) and (max-width: 1280px) {
    .wrapper { width: 92%; }

}
@media only screen and (min-width: 800px) and (max-width: 800px) {
    .wrapper { width: 92%; }
    .header-frmtitle {
        font-size: 1.4em!important;
        margin-left:16%!important;
    }
    .header-premier-life-frmtitle{
        font-size: 1.3em!important;
    }
    .homestead-logo-div{
        width: 80%;
    }
    .provider-nomination-form span {
        padding-left: 12%;
        font-size: 16px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .wrapper { width: 92%; }
    .header-frmtitle {
        font-size: 1.4em!important;
        margin-left:16%!important;
    }
    .header-premier-life-frmtitle{
        font-size: 1.3em;
    }
    .homestead-logo-div{
        width: 80%;
    }
    .provider-nomination-form span {
        padding-left: 12%;
        font-size: 16px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : landscape) {
    .wrapper { width: 92%; }
    .header-frmtitle {
        font-size: 1.8em!important;
        margin-left:18%!important;
    }
    .header-premier-life-frmtitle{
        font-size: 1.6em!important;
    }
}

@media only screen and (min-width: 641px) and (max-width: 768px) {
    .wrapper { width: 92%; }
    .dct-msg { margin-left:5px; float:left; margin-top:2px; width:66%;}
    .doct {width:23%;}
    .header-portion {padding:10px;}
    .see_wrap { font-size:18px;}
    .seewrap-txt {font-size:13px; line-height:21px;}
    .wil-hr {width:90%;}
    .register h2, .registrationfrm h2 {
        font-size:20px!important;
    }
    .header-frmtitle {
        font-size: 1.3em!important;
        margin-left: 12%!important;
    }
    .header-premier-life-frmtitle{
        font-size: 1.1em!important;
    }
}

@media only screen and (max-width: 480px) {
    .btn-addremove{width:100%;}
    .btn-submit{width:100%;}
    .hs-dob1 {float:left; width:100%;}
    .hs-dob2 {float:left; width:100%;margin:0px;}
    .hs-dob3 {float:left; width:100%;}
    fieldset {border: 0px !important;padding: 0px!important;}
    .wrapper-homestead {width: 100%;margin: 0 auto;}
    .homestead-logo-div{width: 90%;}
    .header-homestead-frmdiv{width: 100%;}
    .provider-nomination-form span {padding-left: 21%;font-size: 13px;}
    .inputfiel-dadjst{width: 100% !important;}
    .hgt {height: 0px!important;}
    .selectDivStyle{width: 100% !important;}
    
    .header-container {height:px;}
    .wrapper {
        width: 90%;
    }
    .toppd { padding-top:15px;}
    .doct {width:100%; margin:0 auto; float:none; text-align:center;}
    .dct-msg { margin-left:0; float:left; margin-top:5px; width:90%;}
    body { font-size:80%;}
    .see_wrap { font-size:18px;}
    .wil-hr {width:80%;}
    .seewrap-txt {font-size:15px;}
    .btnemployer {text-shadow: none;}

    /*--emplyer page---*/
    .form-heading {font-size:20px; text-align:center;}
    #employ-form fieldset {padding: 6px;margin: 0px 0px 30px 0px;}
    .frm-left {width: 100%;}
    .frm-right {width: 100%; float: left; margin-left: 0; margin-top:10px;}
    .inptbox-nme { font-size:12px;}
    .left1 {width:100%;}
    .left2 {width:100%; margin-left:0; margin-top:10px; margin-bottom:10px;}
    .left3 {width:100%;}
    .left4 {width:100%;}
    .left5 {width:100%;}
    .left6 {width:100%; margin-left:0px; margin-top:10px;}
    .left2-employ {width:100%; margin-left:0; margin-top:10px; margin-bottom:10px;}
    .left3-employ {width:100%; margin-left:0; margin-top:10px; margin-bottom:10px;}

    legend {
        width:100%!important;
    }
    .header-frmtitle {
        font-size: 0.9em!important;
        margin-left: 8%!important;
    }
    .header-premier-life-frmtitle{
        font-size: 0.7em!important;
    }
}


/*iPhone 6 in portrait & landscape*/
@media only screen and (min-width : 360px) and (max-width : 640px) {
    .header-container {height:px;}
    .wrapper {
        width: 92%;
    }
    .toppd { padding-top:15px;}
    .doct {width:100%; margin:0 auto; float:none; text-align:center;}
    .dct-msg { margin-left:0; float:left; margin-top:5px; width:90%;}
    body { font-size:80%;}
    .see_wrap { font-size:18px;}
    .wil-hr {width:80%;}
    .seewrap-txt {font-size:15px;}
    .btnemployer {text-shadow: none;}

    /*--emplyer page---*/
    .form-heading {font-size:20px; text-align:center;}
    #employ-form fieldset {padding: 6px;margin: 0px 0px 30px 0px;}
    .frm-left {width: 100%;}
    .frm-right {width: 100%; float: left; margin-left: 0; margin-top:10px;}
    .inptbox-nme { font-size:12px;}
    .left1 {width:100%;}
    .left2 {width:100%; margin-left:0; margin-top:10px; margin-bottom:10px;}
    .left3 {width:100%;}
    .left4 {width:100%;}
    .left5 {width:100%;}
    .left6 {width:100%; margin-left:0px; margin-top:10px;}
    .left2-employ {width:100%; margin-left:0; margin-top:10px; margin-bottom:10px;}
    .left3-employ {width:100%; margin-left:0; margin-top:10px; margin-bottom:10px;}

    legend {
        width:100%!important;
    }
    .header-frmtitle {
        font-size: 0.9em!important;
        margin-left: 8%!important;
    }
    .header-premier-life-frmtitle{
        font-size: 0.7em!important;
    }
    .dependentInfoHeader .title{
        font-size: 15px!important;
    }
    .dependentInfoHeader {
        text-align: center!important;
    }
    .dependent-btn {
        float:none!important;
    }
}

@media only screen and (min-width : 360px) and (max-width : 640px) and (orientation : landscape) {
    .header-container {height:px;}
    .wrapper {
        width: 92%;
    }
    .toppd { padding-top:15px;}
    .doct {width:100%; margin:0 auto; float:none; text-align:center;}
    .dct-msg { margin-left:0; float:left; margin-top:5px; width:90%;}
    body { font-size:80%;}
    .see_wrap { font-size:18px;}
    .wil-hr {width:80%;}
    .seewrap-txt {font-size:15px;}
    .btnemployer {text-shadow: none;}

    /*--emplyer page---*/
    .form-heading {font-size:20px; text-align:center;}
    #employ-form fieldset {padding: 6px;margin: 0px 0px 30px 0px;}
    .frm-left {width: 100%;}
    .frm-right {width: 100%; float: left; margin-left: 0; margin-top:10px;}
    .inptbox-nme { font-size:12px;}
    .left1 {width:100%;}
    .left2 {width:100%; margin-left:0; margin-top:10px; margin-bottom:10px;}
    .left3 {width:100%;}
    .left4 {width:100%;}
    .left5 {width:100%;}
    .left6 {width:100%; margin-left:0px; margin-top:10px;}
    .left2-employ {width:100%; margin-left:0; margin-top:10px; margin-bottom:10px;}
    .left3-employ {width:100%; margin-left:0; margin-top:10px; margin-bottom:10px;}

    legend {
        width:100%!important;
    }
    .header-frmtitle {
        font-size: 1.7em!important;
        margin-left: 7% !important;
    }
    .header-premier-life-frmtitle{
        font-size: 1.5em!important;
    }
    .dependent-btn {
        float:left!important;
    }
}


/*iPhone 5 in portrait*/
@media only screen and (min-width: 320px) and (max-width: 568px) {
    .header-container {height:px;}
    .wrapper {
        width: 90%;
    }
    .toppd { padding-top:15px;}
    .doct {width:100%; margin:0 auto; float:none; text-align:center;}
    .dct-msg { margin-left:0; float:left; margin-top:5px; width:90%;}
    body { font-size:80%;}
    .see_wrap { font-size:18px;}
    .wil-hr {width:80%;}
    .seewrap-txt {font-size:15px;}
    .btnemployer {text-shadow: none;}

    /*--emplyer page---*/
    .form-heading {font-size:20px; text-align:center;}
    #employ-form fieldset {padding: 6px;margin: 0px 0px 30px 0px;}
    .frm-left {width: 100%;}
    .frm-right {width: 100%; float: left; margin-left: 0; margin-top:10px;}
    .inptbox-nme { font-size:12px;}
    .left1 {width:100%;}
    .left2 {width:100%; margin-left:0; margin-top:10px; margin-bottom:10px;}
    .left3 {width:100%;}
    .left4 {width:100%;}
    .left5 {width:100%;}
    .left6 {width:100%; margin-left:0px; margin-top:10px;}
    .left2-employ {width:100%; margin-left:0; margin-top:10px; margin-bottom:10px;}
    .left3-employ {width:100%; margin-left:0; margin-top:10px; margin-bottom:10px;}

    legend {
        width:100%!important;
    }
    .header-frmtitle {
        font-size: 0.8em!important;
        margin-left: 5%!important;
    }
    .header-premier-life-frmtitle{
        font-size: 0.75em!important;
    }
    .dependentInfoHeader .title{
        font-size: 18px!important;
    }
    .dependentInfoHeader {
        text-align: center!important;
    }
    .dependent-btn {
        float:none!important;
    }
}
/*iPhone 5 in landscape*/
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation : landscape) {
    .header-container {height:px;}
    .wrapper {
        width: 90%;
    }
    .toppd { padding-top:15px;}
    .doct {width:100%; margin:0 auto; float:none; text-align:center;}
    .dct-msg { margin-left:0; float:left; margin-top:5px; width:90%;}
    body { font-size:80%;}
    .see_wrap { font-size:18px;}
    .wil-hr {width:80%;}
    .seewrap-txt {font-size:15px;}
    .btnemployer {text-shadow: none;}

    /*--emplyer page---*/
    .form-heading {font-size:20px; text-align:center;}
    #employ-form fieldset {padding: 6px;margin: 0px 0px 30px 0px;}
    .frm-left {width: 100%;}
    .frm-right {width: 100%; float: left; margin-left: 0; margin-top:10px;}
    .inptbox-nme { font-size:12px;}
    .left1 {width:100%;}
    .left2 {width:100%; margin-left:0; margin-top:10px; margin-bottom:10px;}
    .left3 {width:100%;}
    .left4 {width:100%;}
    .left5 {width:100%;}
    .left6 {width:100%; margin-left:0px; margin-top:10px;}
    .left2-employ {width:100%; margin-left:0; margin-top:10px; margin-bottom:10px;}
    .left3-employ {width:100%; margin-left:0; margin-top:10px; margin-bottom:10px;}

    legend {
        width:100%!important;
    }
    .header-frmtitle {
        font-size: 1.25em!important;
        margin-left: 5%!important;
    }
    .header-premier-life-frmtitle{
        font-size: 1.10em!important;
    }
    .dependent-btn {
        float:left!important;
    }
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.marginleft {
    margin-left:40px;
}
.spacefifty {
    width:50px;
}
.rightalign {
    text-align:right;
}
.boldFont {
    font-weight:bold;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

}

/*
 * ADD default fieldset styles.
 */
/*fieldset {
  padding:10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(border-radius.htc);
}*/

/* ==========================================================================
   Privacy Policy Terms & Conditions
   ========================================================================== */
.para_title {
    margin-top: 0.31in;
    margin-bottom: 0.21in;
    line-height: 0.31in;
    font-size:24px;
}
.para_sub_title {
    margin-bottom: 0.21in;
    line-height: 0.21in;
    font-size:13.5px;
}
.para_header {
    margin-bottom:0.17in;
    line-height:100%;
    text-align: center;
    color:#000000;
    font-size:13px;
    font-family:'Lucida Grande',serif;
}
.para_left {
    margin-bottom:0in;
    font-family:'Times New Roman',serif;
    font-size:13px;
}
.title_header {
    margin-bottom: 0.17in;
    line-height:100%;
    font-family:'Times New Roman',serif;
    font-weight:bold;
    font-size:13px;
}
.title_sub {
    margin-bottom: 0.1in;
    line-height: 110%;
    text-align:justify;
    font-family:'Times New Roman';
    font-size:14px;
}
/*-----================Dental page style------==============-*/
.auto-style1 {
    width: 144px;
}
.auto-style2 {
    width: 127px;
}
.auto-style3 {
    width: 123px;
}
.auto-style5 {
    width: 68px;
}
label.error, span.error {
    color:#ff0000;
    font-size: 14px;
}
div.disbl, div.disbl:hover{
    background-color:#e8e8e8;
}
fieldset {border-radius: 6px;}

.register-btn{
    border:1px solid #7eb9d0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size:15px;
    //font-family:Georgia,serif;
    padding: 10px;
    text-decoration:none;
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    color: #FFFFFF;
    background-color: #ffb88c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb88c), to(#de6262));
    background-image: -webkit-linear-gradient(top, #ffb88c, #de6262);
    background-image: -moz-linear-gradient(top, #ffb88c, #de6262);
    background-image: -ms-linear-gradient(top, #ffb88c, #de6262);
    background-image: -o-linear-gradient(top, #ffb88c, #de6262);
    background-image: linear-gradient(to bottom, #ffb88c, #de6262);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffb88c, endColorstr=#de6262);
    color:#fff;
    font-weight: bold;
    outline: 0 none;
    margin-bottom: 25px;
    overflow: hidden;
    overflow-wrap: break-word;
    width: auto;
}
.medium {
    width: 46%!important;
}
.register-btn:hover{
    border:1px solid #ff4b1f;
    background-color: #ff9068;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9068), to(#ff4b1f));
    background-image: -webkit-linear-gradient(top, #ff9068, #ff4b1f);
    background-image: -moz-linear-gradient(top, #ff9068, #ff4b1f);
    background-image: -ms-linear-gradient(top, #ff9068, #ff4b1f);
    background-image: -o-linear-gradient(top, #ff9068, #ff4b1f);
    background-image: linear-gradient(to bottom, #ff9068, #ff4b1f);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff9068, endColorstr=#ff4b1f);
    color:#fff;
}
.register-btn-large {
    width: 96%;
    margin-top: 20px;
    padding: 15px 0;
    color: #fff;
    font-size:15px;
    //font-family:Georgia,serif;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-color: #ffb88c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb88c), to(#de6262));
    background-image: -webkit-linear-gradient(top, #ffb88c, #de6262);
    background-image: -moz-linear-gradient(top, #ffb88c, #de6262);
    background-image: -ms-linear-gradient(top, #ffb88c, #de6262);
    background-image: -o-linear-gradient(top, #ffb88c, #de6262);
    background-image: linear-gradient(to bottom, #ffb88c, #de6262);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffb88c, endColorstr=#de6262);
    -moz-border-radius: 8px;
    -webkit-border-radius:8px;
    border-radius: 8px;
    border: 1px solid #737b8d;
    -moz-box-shadow:
        0px 5px 5px rgba(000,000,000,0.1),
        inset 0px 1px 0px rgba(255,255,255,0.5);
    -webkit-box-shadow:
        0px 5px 5px rgba(000,000,000,0.1),
        inset 0px 1px 0px rgba(255,255,255,0.5);
    box-shadow:
        0px 5px 5px rgba(000,000,000,0.1),
        inset 0px 1px 0px rgba(255,255,255,0.5);
    text-shadow:
        0px 1px 3px rgba(000,000,000,0.3),
        0px 0px 0px rgba(255,255,255,0);
    clear: both;
}
.register-btn-large:hover{
    border:1px solid #F2683D;
    background-color: #F2683D;
    background-color: #ff9068;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9068), to(#ff4b1f));
    background-image: -webkit-linear-gradient(top, #ff9068, #ff4b1f);
    background-image: -moz-linear-gradient(top, #ff9068, #ff4b1f);
    background-image: -ms-linear-gradient(top, #ff9068, #ff4b1f);
    background-image: -o-linear-gradient(top, #ff9068, #ff4b1f);
    background-image: linear-gradient(to bottom, #ff9068, #ff4b1f);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff9068, endColorstr=#ff4b1f);
    color:#fff;
}
.register-btn-large[disabled], .register-btn[disabled], .register-btn .medium[disabled] {
    background-color: #d3d3d3!important;
    border:1px solid #909090!important;
    background-image: none!important;
}
.register-btn-large-blue {
    background-color: #002366;
    border:1px solid #002366;
    color:#ffd700;
    background-image: none!important;
    text-shadow: none!important;
}
.register-btn-large-blue:hover{
    background-color: #002366;
    border:1px solid #002366;
    color:#ffffff;
}
.register-btn-large-blue[disabled]{
    background-color: #d3d3d3!important;
    border:1px solid #909090!important;
    background-image: none!important;
    color: #ffffff;
}
.register-btn-blue {
    background-color: #002366;
    border:1px solid #002366;
    color:#ffd700;
    background-image: none!important;
    text-shadow: none!important;
}
.register-btn-blue:hover{
    background-color: #002366;
    border:1px solid #002366;
    color:#ffffff;
}
.register-btn-blue[disabled]{
    background-color: #d3d3d3!important;
    border:1px solid #909090!important;
    background-image: none!important;
    color: #ffffff;
}
.register, .registrationfrm {
    background-color: #f0f0f0;
    //border: 7px solid #555555;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 #000000;
    color: #444;
    font-family: "Raleway", sans-serif!important;
    overflow: hidden;
    overflow-wrap: break-word;
}
.register {
    width: 60%;
}
.registrationfrm {
    // margin-left : 20px;
    //margin-right : 20px;
}
.register h2, .registrationfrm h2 {
    margin: 0 15px 20px;
    border-bottom: 2px solid #555555;
    padding: 5px 10px 5px 0;
    // font-size: 1.1em;
    text-align: center;
}
.registrationfrm h2 {
    font-size: 20px;
    font-weight: bold;
}
.grad {
    background: #f2f5f6; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(top, #f2f5f6, #c8d7dc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #f2f5f6, #c8d7dc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #f2f5f6, #c8d7dc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(top, #f2f5f6, #c8d7dc); /* Standard syntax */
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 25px!important;
}
fieldset {
    border-color: #555555!important;
    border-radius: 4px!important;
    padding: 20px!important;
    //margin-left: 2%!important;
    //margin-right: 2%!important;
    margin: 0 2px 12px!important;
}
legend {
    background: #fff none repeat scroll 0 0!important;
    box-shadow: 0 1px 5px rgba(4, 129, 177, 0.5)!important;
    color: #F2683D!important;
    //font-family: Helvetica,sans-serif!important;
    font-size: 16px!important;
    font-weight: bold!important;
    padding: 4px!important;
    text-transform: uppercase!important;
}
.premierfrm-fieldset legend {
    color: #002366!important;
}
/*body {
    background: #ffb88c!important; // For browsers that do not support gradients
    background: -webkit-linear-gradient(top, #ffb88c, #de6262)!important; // For Safari 5.1 to 6.0
    background: -o-linear-gradient(top, #ffb88c, #de6262)!important; // For Opera 11.1 to 12.0
    background: -moz-linear-gradient(top, #ffb88c, #de6262)!important; // For Firefox 3.6 to 15
    background: linear-gradient(top, #ffb88c, #de6262)!important; // Standard syntax
    height: 100%!important;
    margin: 0!important;
    background-repeat: no-repeat!important;
    background-attachment: fixed!important;
}*/
.registrationfrm .inptbox-nme {
    color: #444;
    font-weight: 600;
}
.registrationfrm input, select, textarea {
    box-shadow: inset 1px 1px 2px 0 #c9c9c9;
    // padding: 10px;
    border: solid 1px #c8d7dc!important;

}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    box-shadow: none;
    border: 1px inset #f2f1f0;
    border-radius: 4px;
    height:	32px;

}
.registrationfrm input[readonly],input[disabled], select[readonly],select[disabled], textarea[readonly], textarea[disabled] {
    background-color: #D3D3D3;
    box-shadow: none !important;
    cursor: default !important;
}
.registrationfrm input[readonly]:hover,input[disabled]:hover, select[readonly]:hover,select[disabled]:hover, textarea[readonly]:hover, textarea[disabled]:hover {
    background-color: #D3D3D3;
    box-shadow: none !important;
    cursor: default !important;
}
select[readonly],select[disabled] {
    background-color: #D3D3D3!important;
}
select[readonly]:hover,select[disabled]:hover {
    background-color: #D3D3D3!important;
}

.registrationfrm  select {
    /*-moz-appearance: none;

   -webkit-appearance: none;

   -o-appearance: none;
   appearance: none;*/
    background: transparent none repeat scroll 0 0;
    border: medium none;
    //box-shadow: none;
    cursor: pointer;
    outline: medium none;
    //padding-right: 32px;
    text-indent: 0.01px;
    text-overflow: "";
    width: 100%;
    border-radius: 8px;
}
.registrationfrm input:focus,
.registrationfrm input.focus,
.registrationfrm textarea:focus,
.registrationfrm textarea.focus {
    box-shadow: inset 1px 1px 1px 0 #707070;
    transition: box-shadow 0.3s;
}
input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 3px;
    width:15px;
    height:15px;
}
.selectDivStyle {
    //background: #fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E") no-repeat scroll right 13px center;
    background: #fff ;
    //border: 1px solid #bbb;
    border-radius: 8px;
    position: relative;
    width: 95%;
    float:left;
}
.inptbox-nme {
    font-family: "Raleway", sans-serif!important;
}

.thg-logo{
    width: 30%;
}
.header-frmtitle, .header-premier-life-frmtitle{
    font-size: 1.8em;
    font-weight:bold;
    color: #f2683d;
    margin-left: 13%;
    vertical-align: inherit;
    //text-shadow: 2px 2px 5px #000;
}
.header-premier-life-frmtitle{
    font-size: 1.56em;
    margin-left: 4%;
    color: #002366;
    float: right;
    width: 65%;
    padding-bottom: 6px;
    padding-top: 0.5%;
}
.header-frmdiv{
    padding-bottom:2%;
    vertical-align: middle!important;
}
.dob4 {
    float:left;
    width:49%;
}
.accordion {
    margin-top: 30px;
    //background-color: #fff;
    border: 1px solid  #F79932;
    box-sizing: border-box;
    font-family: "Open Sans",sans-serif;
    outline: 0 none;
    width: auto;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
    border-radius: 6px;
}
.accordion-header {
    //background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eeeff2 0%, #fefefe 100%) repeat scroll 0 0;
    background-color:  #F79932;
    border-bottom: 1px solid #f2683d;
    border: medium none #f79932;
    color: #FFFFFF; //#434955;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 5px;
    transition: background 0.2s linear 0s;
    width: auto;
    border-top-left-radius: 4px!important;
    border-top-right-radius : 4px!important;
    border-bottom-left-radius : 0!important;
    border-bottom-right-radius : 0!important;
}
.collapsed {

    border-radius: 4px!important;
}
.accordion-header:hover, .acheaderactive{
    background-color: #E59400; //#FF4500;
    //background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #dff0d8 0%, #fefefe 100%) repeat scroll 0 0;
}
.disabled-accordion{
    background-color: #d3d3d3!important;
    border:1px solid #909090!important;
    background-image: none!important;
}

.accordion-content {
    color: #434955;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 15px 15px;
}
.accordion-header .title{
    color: #468847;
}

.toggleButton {
    position: static!important;
    float: left;
    margin-right: 20px;
    display: block!important;
    border-style: none!important;
    background: none!important;
    padding: 2px !important;
}
.btn_blue_gradient{
    border:1px solid #7eb9d0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;border-radius: 3px;
    padding: 6px 12px;
    text-decoration:none;
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    color: #FFFFFF;
    background-color: #a7cfdf;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
    background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
    background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
    background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
    background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
    background-image: linear-gradient(to bottom, #a7cfdf, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);
}
.btn_blue_gradient:hover{
    border:1px solid #5ca6c4;
    background-color: #82bbd1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#82bbd1), to(#193b61));
    background-image: -webkit-linear-gradient(top, #82bbd1, #193b61);
    background-image: -moz-linear-gradient(top, #82bbd1, #193b61);
    background-image: -ms-linear-gradient(top, #82bbd1, #193b61);
    background-image: -o-linear-gradient(top, #82bbd1, #193b61);
    background-image: linear-gradient(to bottom, #82bbd1, #193b61);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#82bbd1, endColorstr=#193b61);
}

.accordion-blue {
    border:1px solid #002366!important;
}

.blue-header {
    background-color: #002366!important;
    border:1px solid #002366!important;
}

.btn_grey_disabled{
    border:1px solid #a8c1d5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 12px;
    text-decoration:none;
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    color: #FFFFFF;
    background-color: #CEDCE7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#CEDCE7), to(#596a72));
    background-image: -webkit-linear-gradient(top, #CEDCE7, #596a72);
    background-image: -moz-linear-gradient(top, #CEDCE7, #596a72);
    background-image: -ms-linear-gradient(top, #CEDCE7, #596a72);
    background-image: -o-linear-gradient(top, #CEDCE7, #596a72);
    background-image: linear-gradient(to bottom, #CEDCE7, #596a72);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CEDCE7, endColorstr=#596a72);
}
.btn_green {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #4aaaa5 none repeat scroll 0 0;
    /*border-color: #e3edf4 #e3edf4 #3a9a95;*/
    border-color: #016262;
    border-radius: 4px;
    border-style: solid;
    border-width: 0 0 2px;
    color: #f4f4f4;
    font-family: Arial,sans-serif;
    font-weight: bold;
    padding: 6px 15px;
}
.joincompassfooter , .commonfooter {
    font-size : 12px;
    margin-top : 20px;
}
.type-radio {
    float: left;
    padding-right: 10%;
}
.thankyou_wraps {
    color: #000000;
    font-family: serif;
    font-size: 20px;
}
.thankyou_wraps .header {
    font-size: 24px;
    text-align:center;
}
.thankyou-msg, .thnk-premier-msg{
    width: 100%;
}
.thankyou_wraps .error {
    font-size: 20px!important;
}
.thankyou_wraps a {
    text-decoration: underline;
}
.privacy-heading {}
.lightorange {
    background-color: #F79932;
    border-color: #E59400;
    background-image: none!important;
}
.lightorange-text {
    color: #F79932!important;
}
.lightorange:hover {
    background-color: #E59400;
    border-color: #E59400;
}
.modal-footer .btn {
    background-color: #337ab7!important;
    padding: 8px 25px!important;
}
.modal-content {
    border: 1px solid #ffc966!important;
}
.modal-body {
    background-color: #ffdb99!important;
}
.paymentConfirmationTable {
    margin-bottom: 2%;
    width: 100%;
}
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    *margin-right: .3em;
}
[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
    *margin-left: 0;
}

.icon-pencil {
    background-position: 0 -72px;
    cursor: pointer;
}
.icon-trash {
    background-position: -456px 0;
    cursor: pointer;
}
.icon-th-list {
    background-position: -264px 0;
    cursor: pointer;
}
.btn-primary, .btn-default {
    background: #337ab7 none repeat scroll 0 0!important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size:15px;
    padding: 10px;
    text-decoration:none;
    display:inline-block;
    font-weight:bold;
    margin-right: 10px!important;
}
.btn-primary:hover, .btn-default:hover {
    background: #f79932 none repeat scroll 0 0!important;
    margin-right: 10px!important;
}
.dependentlisttable th {
    padding:4px!important;
    text-align:center;
}
.dependentlisttable {
    margin-top: 10px!important;
}
.dependentlisttable tr{
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.48, #E59400), color-stop(0.74, #f5f5f5)) !important;
}

.dependentlisttable td {
    background-color:#f5f5f5!important;
}
.dependentInfoHeader {
    padding-bottom: 2%!important;
    text-align: center;
    vertical-align: middle !important;
}
.dependentInfoHeader .title{
    font-size: 18px;
    font-weight: bold;
}
.dependent-btn {
    float:left;
}
@media only screen and (max-width: 800px) {

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr { border: 1px solid #ccc; }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
    #no-more-tables td:before {
        background-color:rgba(242, 163, 16, 0.43) !important;
        text-align: center;
    }
}
#no-more-tables td {
    background-color:#f5f5f5!important;
}
#no-more-tables th {
    background-color:#F79932!important;
    text-align: center;
}
/* top-left border-radius */
/*#no-more-tables tr:first-child th:first-child {
    border-top-left-radius: 6px;
}*/

/* top-right border-radius */
/*#no-more-tables tr:first-child th:last-child {
    border-top-right-radius: 6px;
}*/

/* bottom-left border-radius */
/*#no-more-tables tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}*/

/* bottom-right border-radius */
/*#no-more-tables tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}*/
.datepicker-readonly {
    background-color: #ffffff!important;
}

.display-msg-div, .display-premier-msg-div {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(190, 212, 51, 1) 0%, rgba(160, 201, 57, 1) 55%, rgba(151, 197, 59, 1) 100%) repeat scroll 0 0;
    border-radius: 10px;
    padding: 1% 1%;
    text-align: center;
}
.display-premier-msg-div {
    background: #002366;
}
.planselected{

}
.bluelink a{
    color: #08c!important;
    text-decoration: underline!important;
}
.bluelink a:hover{
    color: #005580!important;
    text-decoration: underline!important;
}
.next-button a[disabled] {
    background-color: #d3d3d3 !important;
    background-image: none !important;
    border: 1px solid #909090 !important;
    color: #ffffff;
}