/*Responsive Media Quiery css style @media (max-width: 360px) @media (max-width: 375px) @media (max-width: 400px) @media (max-width: 480px) @media (max-width: 767px) @media (max-width: 979px) @media (min-width: 768px) and (max-width: 979px) @media (min-width: 1200px)*/ /* Fonts */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600); body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; color: #666;background-color:#fff; border-top: 3px solid #eee; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; padding: 1px 0px; margin: 1px 0px; font-weight: 600; color: #666; } h5, h6 { color: #444; font-weight: 600; } h2 { font-size: 25px; line-height: 35px; } h3 { font-size: 20px; line-height: 30px; } h4 { font-size: 16px; line-height: 22px; /*28*/ } h5 { font-size: 14px; line-height: 19px; /*22*/ } h6 { font-size: 13px; line-height: 25px; text-align:center; /*used in the item page*/ } /*.h4, h4 { color: #364150 !important; font-size: 18px; }*/ body { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666; outline:0 none; } a { color:#6d6d6d; text-decoration:none; outline: medium none !important; } td a { color: #acb5c3; outline: medium none; text-decoration: none; } /*find my plan button added ktn -PBID12060 - start */ p { line-height: 20px; } .CHTML-content li { line-height: 20px; font-size:120%; } /*find my plan button added ktn end*/ a:focus, a:hover { /* border-bottom: 1px dotted #364150;*/ color: #364150; } /* New Css */ /*.btn { padding: 3px 5px; }*/ .input-group { z-index:0 } .tab-pane a, .onethree-right a, .col-md-12 a { color: #364150; text-decoration:none; } .tab-pane a:hover, .onethree-right a:hover, .col-md-12 a:hover { text-decoration:underline; } .top-welcome { border-bottom: 1px solid #eee; margin:10px 0 0; padding-bottom: 9px; font-size:15px } .top-welcome span { color:#364150; font-weight:600 } .top-welcome i { font-size:15px; color: #8c8c8d; } .additional-nav { float: right; margin:0; text-align: right; width:100% } .additional-nav a:hover { border-bottom: 1px dotted #364150; color: #364150; text-decoration:none } .topnav > li > a { display: block; padding: 10px 9px; position: relative; } .top_bg .navbar-toggle { background:#424242 none repeat scroll 0 0; margin: 0 15px !important; padding: 5px 10px; } .top_bg .navbar button:hover { background:#424242; } .mpdgbox .navbar-toggle { margin: 0; } .mpdgbox { padding:5px 0 0 } .mpdgbox-header { padding:40px 0 0 } /* menu styes */ .navbar { margin-bottom:0 !important; min-height:0 } .navbar-default { background-color: yellow !important; border-color: #fff; background-image:none; width:100% } .navbar-default .navbar-nav > li > a { color: black; line-height:18px; font-weight:bold;font-family:Arial } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #2B3643; } .navbar-default .navbar-nav > .open > a:hover { background-color: #e7e7e7; color: #fff; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus { background-color: #2B3643; color: #fff; } .list-unstyled, .list-unstyled ul { min-width: 120px } .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown { position: static; } .yamm .container { position: relative; } .yamm .dropdown-menu { left: auto; } .yamm .yamm-content { padding: 20px 30px; } .yamm .dropdown.yamm-fw .dropdown-menu { left: 0; right: 0; width:40% } .dropdown-menu a { border-bottom: 1px dotted #6b6b6b; color: #666 !important; display: block; font-size: 12px; line-height: 30px; text-decoration: none; text-shadow: none !important; transition: background 1s ease 0s; padding: 0 10px; } .dropdown-menu a:hover { border-bottom: 1px dotted #364150; color: #364150 !important; background: none repeat scroll 0 0 #f3f3f3; } .dropdown-menu > li > a { padding: 10px 20px; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { background-color: #2B3643; color: #fff; } .navbar-toggle { background:#2B3643 } .navbar-default .navbar-toggle { border-color:#2B3643; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } /* Flex slider for image */ .flexslider ul { padding: 0px; margin: 0px; } .flexslider ul li { list-style-type: none; padding: 0px; margin: 0px; } .flex-main .flexslider { margin: 20px 0px; margin-bottom: 10px; padding: 1px; border: 1px solid #ddd; box-shadow:0px 0px 2px #888; /*0px 0px 2px #888;*/ border-radius: 0px; font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; } .flex-main .flexslider .slides > li { position:relative; } .flex-main .flex-caption { width: 60%; margin: 0 50px 80px 0; position: absolute; display: block; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); padding: 10px; border-radius:10px; } .flex-main .flex-caption h3 { color: #fff; font-size: 26px; margin:0; font-weight: normal; line-height: 45px; } .flex-main .flex-caption h3 span { padding-bottom:3px; } .flex-main .flex-caption p { margin:0; font-size: 13px; line-height: 22px; color: #fff; margin-bottom: 5px; } .flex-main .flexslider:hover .flex-next { right: 15px; } .flex-main .flexslider:hover .flex-prev { left: 15px; } /*Animation css*/ .cl:after, .cl:before { content: ''; display: table; clear: both } .btn-download { background: #182a3c; color: #7c8ea0; padding: 20px 50px; display: inline-block; -o-border-radius: 5px; border-radius: 5px } .btn-download:hover { background: #5e7082 } .wrapper { max-width: 1000px; margin: 0 auto } .pic { max-width: 300px; max-height: 200px; position: relative; overflow: hidden; /*margin: 10px;*/ display: inline-block; animation: anima 2s; -webkit-animation: anima 2s; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .pic-3d { -webkit-perspective: 500; -webkit-transform-style: preserve-3d } .pic-caption { /*cursor: pointer;*/ /*default*/ position: absolute; width: 100%; height: 100%; /*background:#72a5ea;*/ /* (44,62,80,.92);*/ background-color: rgba(51, 51, 51, 0.9); color: #fff; /*padding: 10px;*/ text-align: center; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; z-index:500 } .pic-image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .pic:hover .pic-image { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .pic-title { background: none repeat scroll 0 0 #000; color: #fff; display: block; font-size: 1.2em; height: 20px; margin-top: 15px; width: 100%; font-weight:bold } .pic p { font-size: 14px; line-height:16.5px; padding-left: 5px; padding-right: 5px; } .pic span { font-size: 14px; line-height:16.5px; } .pic .pic-image, .pic-caption, .pic:hover .pic-caption, .pic:hover img, a, a:hover { -webkit-transition: all .5s ease; transition: all .5s ease; } .pic:hover .bottom-to-top, .pic:hover .come-left, .pic:hover .come-right, .pic:hover .left-to-right, .pic:hover .open-down, .pic:hover .open-left, .pic:hover .open-right, .pic:hover .open-up, .pic:hover .right-to-left, .pic:hover .rotate-in, .pic:hover .rotate-out, .pic:hover .top-to-bottom { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .bottom-to-top { top: 50%; left: 0 } .pic:hover .bottom-to-top { top: 0; left: 0 } .top-to-bottom { bottom: 50%; left: 0 } .pic:hover .top-to-bottom { left: 0; bottom: 0 } .left-to-right { top: 0; right: 50% } .pic:hover .left-to-right { right: 0; top: 0 } .right-to-left { top: 0; left: 50% } .pic:hover .right-to-left { left: 0; top: 0 } .rotate-in { -webkit-transform: rotate(90deg) scale(.1); -ms-transform: rotate(90deg) scale(.1); transform: rotate(90deg) scale(.1); top: 0; left: 0 } .pic:hover .rotate-in { -webkit-transform: rotate(360deg) scale(1); -ms-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1) } .rotate-out { -webkit-transform: rotate(90deg) scale(3); -ms-transform: rotate(90deg) scale(3); transform: rotate(90deg) scale(3); top: 0; left: 0 } .pic:hover .rotate-out { -webkit-transform: rotate(360deg) scale(1); -ms-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1) } .open-down { -webkit-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); transform: rotateX(-180deg); top: 0; left: 0 } .pic:hover .open-down { -webkit-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0) } .open-up { -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); top: 0; left: 0; } .pic:hover .open-up { -webkit-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0) } .open-left { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); left: 0; top: 0 } .pic:hover .open-left { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg) } .open-right { -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); left: 0; top: 0 } .pic:hover .open-right { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg) } .come-left { -webkit-transform: rotateY(90deg) rotateX(90deg); -ms-transform: rotateY(90deg) rotateX(90deg); transform: rotateY(90deg) rotateX(90deg); left: 0; top: 0 } .pic:hover .come-left { -webkit-transform: rotateY(0) rotateX(0); -ms-transform: rotateY(0) rotateX(0); transform: rotateY(0) rotateX(0) } .come-right { -webkit-transform: rotateY(-90deg) rotateX(-90deg); -ms-transform: rotateY(-90deg) rotateX(-90deg); transform: rotateY(-90deg) rotateX(-90deg); left: 0; top: 0 } .pic:hover .come-right { -webkit-transform: rotateY(0) rotateX(0); -ms-transform: rotateY(0) rotateX(0); transform: rotateY(0) rotateX(0) } .btn-add { background: none repeat scroll 0 0 #acb5c3; border-color: #acb5c3; color: #fff !important; } button.close { font-size: 16px !important; color:#dadada } /*.button { margin: 10px 0 5px; }*/ .button { margin: 0; padding: 0 8px 0 0; text-align: right; } .product-main .button { text-align:left; } .button a, .button a:visited { border: 0 none !important; border-radius: 3px; color: #fff; font-family: "Open Sans", Arial, Helvetica, sans-serif !important; font-size: 13px; padding: 3px 4px; text-decoration: none !important; transition: background 1s ease 0s; cursor: pointer; } .hlinks { float: right; margin:30px 0 15px; } header .hlinks > span { color: #fff; padding: 5px 7px; border-radius: 3px; margin-right: 3px; /*12.16.14- added padding between button*/ } header .hlinks a, header .hlinks a:visited { color: #fff; text-decoration: none; /*padding-right: 10px;*/ } header .hlinks a:hover { color: #fff; border-bottom: 1px dotted #fff; } .media { margin-top: 0; } .thumbnail-green { /*background: #d8d8d8;*/ color: #fff; /*background: url(../img/royalvalley/sub-bg-green.jpg) repeat-x;*/ background-color: rgb(0,122,53); background-image: linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -o-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -moz-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -webkit-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -ms-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); border-radius: 4px; display: inline-block; line-height: 1.42857; margin:5px; padding:20px; transition: border 0.2s ease-in-out 0s; box-shadow:0px 0px 4px #888; border: 1px solid #fff; width:32% } .thumbnail-green img { float:left; margin: 0 5px; border: 2px solid white; max-height: 120px; width: 70px; } .promo-caption { float: left; margin: 5px; text-align: left; width:61%; } .promo-caption h3 { font-size:15px; text-transform:uppercase; color:#fff; line-height:20px; } .promo-caption a, .promo-caption a:visited, .promo-caption a:hover { color: #fff; text-decoration: none; } .promo-caption p a { font-size: 13px; line-height: 20px; } /*.flex-control-nav li { display:none !important; }*/ header .hlinks > span { border-radius: 3px; color: #fff; display: inline-block !important; margin: 5px 0!important; padding: 0 7px; } .media-heading a { color:#fff; } p.by-author a { font-size: 13px; line-height: 20px; color:#fff } /*List view and Image View Tab option*/ .glyphicon { margin-right:5px; } .thumbnail { border: 1px solid #ccc; padding: 10px !important; } .thumbnail .caption { color: #333; padding: 9px 0 0 0; } .item.list-group-item { float: none; width: 100%; background-color: #fff; margin-bottom: 10px; } .item.list-group-item:nth-of-type(odd):hover, .item.list-group-item:hover { background: #428bca; } .item.list-group-item .list-group-image { margin-right: 10px; } .item.list-group-item .thumbnail { margin-bottom: 0px; } .item.list-group-item .caption { padding: 9px 9px 0px 9px; } .item.list-group-item:nth-of-type(odd) { background: #eeeeee; } .item.list-group-item:before, .item.list-group-item:after { display: table; content: " "; } .item.list-group-item img { float: left; } .item.list-group-item:after { clear: both; } .list-group-item-text { margin: 0 0 11px; } .nav-tabs > li > a { outline:none; color:#acb5c3 } .nav-tabs > li > a:hover { color: #fff; } .view { overflow: hidden; position: relative; text-align: center; } .view .mask { width: 300px; height: 200px; position: absolute; overflow: hidden; top: 0; left: 0; } .view img { display: block; height: 100%; position: relative; width: 100%; } .view h5 { background: none repeat scroll 0 0 #323232; bottom: 0; color: #fff !important; font-size: 13px; margin: 0; padding: 5px 0; position: absolute; width: 100%; line-height: 18px; } .view p { font-family:Arial, Helvetica, sans-serif; font-size:12px } .img-hovereffectt .mask { position:absolute; top:50px; left:50px; border-radius: 50px; border-width: 50px; display: inline-block; height: 100px; width: 100px; opacity: 0; border:0px solid rgba(0,0,0,0.7); visibility:hidden; } .img-hovereffectt:hover .mask { border: 50px solid rgba(0, 0, 0, 0.7); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; opacity:1; visibility:visible; -moz-transform:scale(4); -webkit-transform:scale(4); -o-transform:scale(4); -ms-transform:scale(4); transform:scale(4); -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .img-hovereffectt .content-mask { position:absolute; left: 0; top: 0; display: inline-block; opacity: 0; visibility:hidden; width:100% } .img-hovereffectt:hover .content-mask { visibility:visible; opacity:1; color:#fff } .img-hovereffectt:hover .content-mask p { font-size:13px; padding: 0 5px; line-height:20px; } .padding-top { padding-top:10px !important } .pic-caption h4 { background: none repeat scroll 0 0 #000; padding: 5px 0; font-size:13px; color:#fff !important; margin:10px 0 10px } .pic h5 { background: none repeat scroll 0 0 #323232; bottom: 0; color: #fff !important; font-size: 13px; margin: 0; padding: 5px 0; position: absolute; width: 100%; line-height: 18px; text-align:center } .pic h5.waivebg { background:#FF0000; color:#fff } /*horizontal scorlling css*/ .nbs-flexisel-container { position:relative; max-width:100%; } .nbs-flexisel-ul { position:relative; width:9999px; margin:0px; padding:0px; list-style-type:none; text-align:center; } /*.nbs-flexisel-inner { overflow:hidden; float:left; width:100%; background:#F6F6F6; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding: 20px 0 0 5px; }*/ .nbs-flexisel-inner { background: none repeat scroll 0 0 #f5f5f5; border: 1px solid #ddd; border-radius: 5px; float: left; margin: 0; overflow: hidden; padding: 20px 0 0; width: 100%; } .nbs-flexisel-item { float: left; line-height: 0; margin: 0 10px !important; padding: 0; position: relative; width: auto !important; } .nbs-flexisel-item img { position: relative; width:auto } /*** Navigation ***/ .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 22px; height: 22px; position: absolute; cursor: pointer; z-index: 100; opacity: 0.5; } .nbs-flexisel-nav-left { right: 25px; top: -50px !important; /*background: url(../../../images/button-previous.png) no-repeat;*/ background: url(../images/button-previous.html) no-repeat; } .nbs-flexisel-nav-right { right: 0; top: -50px !important; /*background: url(../../../images/button-next.png) no-repeat;*/ background: url(../images/button-next.html) no-repeat; } .item-price { text-align:left; } .item-price-lifeevent { text-align:left; padding:0 } footer .copy { font-size: 11px; margin-bottom: 5px; text-align: center; } .slider-features, footer, .page-head, .navbar-inner { padding-left: 20px; padding-right: 20px; } footer { box-shadow: 0 0 10px #000 inset; color: #dddcdc; font-size: 12px; margin-top: 0; padding: 20px; text-align: center; } footer a, footer a:visited { color: #ddd; } .totop { bottom: 0; position: fixed; right: 0; z-index: 104400; } .totop a, .totop a:visited { color: #fff; display: block; height: 30px; line-height: 30px; text-align: center; width: 30px; } .page-header { border-bottom: 1px solid #eee; margin: 0 0 20px; padding-bottom: 9px; } .hori-start { float:left; } .hori-btn { float:right; padding:0 } .btn-group.open .dropdown-toggle { box-shadow: none; } #newhire .button { text-align:left; margin:10px 0 20px; float: left; width: 100%; } #newhire li { line-height:23px; } #newhire .media-heading { margin-bottom: 10px; margin-top: 10px; } .btn-group.open .dropdown-toggle { box-shadow: none; } .page-head { background: none repeat scroll 0 0 #f8f8f8; border-bottom: 1px solid #ddd; box-shadow: 0 0 4px #bbb inset; padding: 20px 0; margin: 0 0 20px; } /*.alink a{ color:#364150}*/ .lifechg-width { width: 42%; } #lifeeventspage p.bg-success { font-weight: bold; padding: 10px; } .benefittab td p { margin:0 0 5px; text-align:right } /*.benefittab td span{ color:black; padding:0 5px;} .benefittab td.benefttotal{ background:#d7d7d7 !important; color:#585958 !important;font-weight:bold} .benefittab td.benefttotal span{ padding:0 0 0 10px;color:#585958 !important; }*/ .benefittab-head { display: inline-block; text-align: right; line-height: 20px; width: 55%; } .benefittab-head-display { width:40%; display:inline-block; color:#000 } .benefttotal { background:#d7d7d7; color:#575857; font-weight:bold; text-align: right !important; } .floatright { float: right; } .bene-state-2-listviewtab { text-align:center } #tableviewcart { text-align:left } .button { margin: 10px 0 5px; } footer { /*background: #65605c url("../img/footer.png") repeat;*/ padding: 20px 0 0; color: #dddcdc; font-size: 12px; box-shadow: inset 0px 0px 10px #000; text-align: center; } footer a, footer a:visited { color: #ddd; } footer a:hover { color: #ccc; text-decoration: underline; } footer hr { height: 0px; padding: 0px; margin: 5px 0px; /*border-top: 1px solid #9c9c9c;*/ border-bottom: 1px solid #9c9c9c; } footer h5 { color: #fff !important } footer h6 { color: #fff; } footer ul { margin-left: 0px; margin:0px; padding-left:15px; } footer ul li { list-style-type: none; margin-bottom: 5px; } footer .widget { margin-bottom: 20px; } footer .widget a { color: #dddcdc; text-decoration: none; } footer .widget a:hover { color: #fff; text-decoration: none; } footer .copy { text-align: center; margin-left: 15%; font-size: 11px; color:#404040; } footer .payment-icons img { max-width: 35px; margin-right: 5px; } .singleitem-btn { margin: 0px 0px 10px; text-align: right } .singleitem-btn2 { float:left; } .singleitem-btn2 a { display:block } /*New Powered by Section 4/9/15 */ .poweredby { background:#fff; } .poweredby a { color: #000; } .poweredby p { padding:20px 0 0 0; } .poweredby img { margin-right:0; padding-top: 5px; text-align:right } .col-left { float: left; width: 48%; } .col-right { float: right; width: 48%; } /*Login Panel Css*/ #loginpanel { background:#fff } #loginpanel .loginbg { background:#364150; border-bottom: 3px solid; } #loginpanel header { background:#fff } #form1 { background:#fff; } .loginbox { background:#fff; margin-top: 10%; padding: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } legend { background: none repeat scroll 0 0 #4a5850; color: #fff !important; margin-bottom: 10px; padding: 5px !important; text-align:center; padding-top:10px; font-weight:bold } fieldset { background:#fff; } #loginform p a { text-decoration:underline; color:#55c0e0 } #loginform p, #forgotpassword p, #regsitration p, #forgotusername p { margin: 0 auto 10px; text-align: center; width: 80%; } #loginform .btn, #forgotpassword .btn, #regsitration .btn, #forgotusername .btn { padding:5px 30px; } #loginform .help-block, #forgotpassword .help-block, #regsitration .help-block, #forgotusername .help-block { color:#a94442 } a.control-label { color: #55c0e0; padding-left: 0 !important; text-align: left !important; text-decoration: underline; } .box { position: relative; background: #ddd; border:1px solid #f5f5f5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:5px; color: rgba(0,0,0, .8); line-height: 1.5; margin: 60px auto; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3); box-shadow:0 1px 4px rgba(0, 0, 0, 0.3); } .box:before, #box:after { content: ""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 40px rgba(0,0,0,0.8); box-shadow:0 0 40px rgba(0,0,0,0.8); bottom:0px; left:10%; right:10%; width:80%; height:50%; -moz-border-radius:100%; border-radius:100%; } .box:after { transform: rotate(3deg); right: 10px; left: auto; } .securelogin p { padding:10px 0 0 } .securelogin h4 { color:#fff; padding:10px 0 } .secureloginbox { position: relative; background: #ddd; border:1px solid #f5f5f5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:5px; color: rgba(0,0,0, .8); line-height: 1.5; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3); box-shadow:0 1px 4px rgba(0, 0, 0, 0.3); } .secureloginbox:before, #box:after { content: ""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 40px rgba(0,0,0,0.8); box-shadow:0 0 40px rgba(0,0,0,0.8); bottom:0px; left:10%; right:10%; width:80%; height:50%; -moz-border-radius:100%; border-radius:100%; text-align:center } .secureloginbox:after { transform: rotate(3deg); right: 10px; left: auto; } .securelogin-error-well { background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin-bottom: 20px; min-height: 20px; padding: 0; text-align: center; margin: 0 20px 10px; } .securelogin-error-well img { height: auto !important; vertical-align: middle; width: auto !important; } #Secureerrorlogin { float: left; margin:0 5px 10px 0; } .securelogin-err .form-horizontal .control-label { text-align: left; } .securelogin-err p { padding:10px 0 0 } .securelogin-err h4 { color:#fff; padding:10px 0 } .title { border-bottom: 1px solid #f3f3f3; margin:0 0 8px; padding-bottom: 3px; } hr { margin-bottom: 10px; border-bottom: 1px solid #f4f4f4; margin-top: 10px; } .eventsbirth-sub .text-right { text-align:right } .redhigh { color: #cc0000; background:transparent } .greenhigh { color: #3c763d; } .well a, .well a:visited { color: #97a3b4; } .well a:hover { color: #323232; } .btn-info { color:#fff !important } ul.numlist { list-style-type: none; margin: 0 0 0 3%; padding: 0; width: 90%; } ul li.numlist1 { background-image: url("../img/1.html"); background-position: 0 center; background-repeat: no-repeat; clear: both; height: 65px; line-height: 60px; padding-left: 6%; } ul li.numlist2 { background-image: url("../img/2.html"); background-position: 0 center; background-repeat: no-repeat; clear: both; height: 65px; line-height: 60px; padding-left: 6%; } ul li.numlist3 { background-image: url("../img/3.html"); background-position: 0 center; background-repeat: no-repeat; clear: both; height: 65px; line-height: 60px; padding-left: 6%; } .LE-browse { padding: 0; } .marg-right2 { margin-right: 2%; } .numlist input { width:100% } .tablesubmitted2 > thead > tr > th { border-top: medium none !important; } .tablesubmitted2 td { vertical-align:middle !important; border-top: medium none !important; } .strong { font-weight:600 } .bene-state-listviewtab .totalamt { text-align:right !important; width: 15%; } .color { color: #acb5c3; } /*ashok sasikumar 9June2015 style css start*/ #DivControlLogin a.control-label { margin: 8px 0 0 !important; padding: 0 !important; width: auto; } .isDebugMode { margin:20px 0 10px; } /*ashok sasikumar 9June2015 style css end*/ /*view cart style css*/ .tablevewcart th { background: none repeat scroll 0 0 #323232 !important; color: #fff; padding: 10px !important; text-align: left; } #tableviewcart .totalamt { text-align:right !important } /*Items style css*/ .items { margin: 20px 0; } .items .breadcrumb { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 transparent; border-color: #eee #eee #f3f3f3; border-image: none; border-radius: 0; border-style: solid; border-width: 0 0 1px; margin: 0 0 10px; padding: 0 0 5px; } .items .item { background: none repeat scroll 0 0 #f6f6f6; border: 1px solid #f3f3f3; border-radius: 4px; box-shadow: 0 0 1px #ddd inset; margin: 8px auto; max-height: 300px; min-height: 280px; padding: 8px 10px; transition: box-shadow 1s ease 0s; width: 220px; } .items .items { background: none repeat scroll 0 0 black; max-height: 300px; min-height: 285px; } .items .item:hover { box-shadow: 0 0 5px #ccc inset; transition: box-shadow 1s ease 0s; } .items .item .ico { color: #fff; display: inline-block; height: 20px; margin-left: 5px; width: 35px; } .items .item hr { margin: 5px 0 !important; } .items .item .item-image { max-height: 150px; } .center { text-align: center; } .item-details { padding-top: 20px; } .item-details h5 { height: 50px; vertical-align: middle; } .items .item .item-image img { display: block; margin: 0 auto; padding: 0; width: auto; } .itemIMG { height: 100px; } .itembenefits { width: 150px !important; } .marg-top { margin-top: 3em; } .items .item .item-details h5 { text-align: center; } .items .item .item-details h5 a { color: #666; } .items .item .item-details h5 a:hover { text-decoration: none; } .items .item .item-details p { text-align: center; } .items .item .item-price { background: none repeat scroll 0 0 #f3f3f3; border: 1px solid #eee; border-radius: 0; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 13px; padding: 1px 1px 1px 10px !important; } .statusnumber { color: #616161; float: right; font-size: 11px; font-style: italic; } .captionparg { margin:0 0 10px; color:#666 } .captionparg p { margin:0 0 0 } /*Single Items HSA css*/ .product-slider .flexslider { margin-bottom: 10px; } .product-slider .flexslider img { margin: 0 auto; max-height: 270px; width: auto !important; } .CHTML-content { margin: 20px 0; } .CHTML-content p { margin-top: 1em; font-size:120%; } .CHTML-content img { float: right; padding: 10px; } .coverage { float: left; margin-top: 5px; padding-right: 10px; } .product-main select { margin-top: 5px; max-width: 235px; } /*.coveragewidth { width: 200px; }*/ .tab-content h5 { padding:10px 0 } #tooltip { font-family: Ubuntu, sans-serif; /*font-size: 0.875em; text-align: center;*/ text-shadow: 0 1px rgba( 0, 0, 0, .5 ); line-height: 1.8; color: #fff; background: #333; background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) ); background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-top: 1px solid #fff; -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); position: absolute; z-index: 100; padding: 15px; } #tooltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #333; border-top-color: rgba( 0, 0, 0, .7 ); content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } #tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #333; border-bottom-color: rgba( 0, 0, 0, .6 ); top: -20px; bottom: auto; } #tooltip.left:after { left: 10px; margin: 0; } #tooltip.right:after { right: 10px; left: auto; margin: 0; } .table-lbl-right-align { text-align: right; } .onethree-left { float: left; width: 25%; } .sitem img { margin-top: 5px; max-width: 45px; } .onethree-right { float: right; width: 70%; } #glossarypage .table-striped > tbody > tr:nth-of-type(2n+1) { background: none !important; } td.titlehd { text-align:right; font-weight:600; color: #364150; } .copyrightbg { background:#fff } /*.alert-success { padding: 0 10px;margin: 0 0 10px; }*/ .alert-danger { padding: 10px; margin: 0; } .singleitem-btn-2 { float: left; margin: 5px 0 !important; text-align: right; width: 94%; } .add-Decline-btn { margin: 0 0 10px; text-align: left; } .Decline-btn { margin: 0 0 10px; text-align: right; } .benefittab ul { padding-left:0; } .benefittab ul li { display:block; list-style:none } .list-group-item-heading { margin-bottom:10px } .btn-danger { background-color: #d9534f !important; color: #fff !important; } /*Responsive Tooltips Jquery*/ .tooltip-inner { max-width:500px; padding:10px; color:#fff; text-align:center; text-decoration:none; background-color:#000; border-radius:4px } .faqtab > li > a { padding:5px 10px; } .faqtab p { font-weight:bold; margin: 10px 0; } .faqtab > li.active > a, .faqtab > li.active > a:focus, .faqtab > li.active > a:hover { background-color: #acb5c3; color: #fff; } .faqcontent span { color: #364150 !important; font-size: 13px; font-weight: bold; } .plan-compar-modal-dialog { margin: 30px auto; width: 1000px; } .error-msg { color: #f00; font-size: 13px; font-weight: bold; width:100% !important } .error-msg span, .error-msg-box span { margin:0 0 10px; } .error-msg-box { color: #333; float: left; font-size: 13px; font-weight: bold; padding: 10px; border:1px solid #F2DEDE; border-radius:4px; } .error-msg span a, .error-msg-box span a { color:#55c0e0 } .logo { background-image: url("../SDLimg/logo.png"); background-position: center left; background-repeat: no-repeat; background-size: auto auto; height: 120px; } /*asokkumar 22 may 2015*/ .loginfield fieldset { background: #fff; float: left; } /*Purple css*/ /* Blue Color */ h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; padding: 1px 0px; margin: 1px 0px; font-weight: bold; color: black; } h5, h6 { color: #364150 !important; } .button a, .button a:visited { background:blue; } .button a:hover { background:green; } /* Header */ header .hlinks > span { background: #acb5c3; } header .hlinks > .cartimg { position:relative; display:inline-block; padding-left: 10px; } header .hlinks > .cartimg span a { color:#323232; text-align:center; display:block; width:25px !important; padding:0 0 20px; text-decoration:none } header .hlinks > .cartimg > .cartcount { position:absolute; top:-12px; left:20px; width: 34px; text-align:center } header .hlinks2 a:hover { color: #364150; border-bottom: 1px dotted #364150; } /* Navigation */ .navbar button:hover { background: #2B3643; } .navbar .nav { border-left: 1px solid green; } .navbar .nav > li > a { border-right: 1px solid green; } .navbar .nav > li > a:hover { background: green !important; } .navbar .nav .active > a, .navbar .nav .active > a:hover, .navbar .nav .active > a:focus { background: #2B3643 !important; } /*My Profile Drop-down arrow */ .dropdown-profile-toggle { /*background: #add4ff !important; */ } .nav-collapse .nav > li > a { background: #acb5c3 !important; } .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { border-color: #2B3643; } /* Sidebar nav */ #nav > li > a { border-left: 3px solid #acb5c3; } /* Sidebar page navigation */ #navi > li > a { border-left: 3px solid #acb5c3; } /* Title */ .title i { color: #acb5c3; } /* Recent posts carousel */ .recent-news .item h4 a span { color:#acb5c3; } .recent-news .custom-nav a i { background: #acb5c3; } /* Blog */ .posts .tags a { background:#acb5c3; border:1px solid #2B3643; } .posts .tags a:hover { background:#2B3643; border:1px solid #2B3643; } .paging a:hover { background: #acb5c3; border:1px solid #2B3643; } .paging .current { background: #acb5c3; border:1px solid #2B3643; } /* Sidebar */ .sidebar .widget { border-top: 1px solid #acb5c3; } /* Career */ .nav-tabs > li > a:hover { background: #acb5c3; } /* Back to top */ .totop a, .totop a:visited { background: #acb5c3; } .totop a:hover { background: #2B3643; } /* Footer */ footer { background:#364150; /*background: #65605c url("../img/footer.png") repeat;*/ border-top: 4px solid #5b6770; } .modal-header { background:#364150; /*dcf4ff 5eb2d9;*/ } .modal-header h4 { color: #fff; } .items .item .item-price sup, .pull-left sup { color: #2B3643; } /*caption*/ .captionh5 { background-color: rgba(51, 51, 51, 0.85); border:1px solid #333; color:#fff; } /* Promo box*/ .promo .rcolor { /*background: #d8d8d8;*/ color: #fff; /*background: url(../img/royalvalley/sub-bg-green.jpg) repeat-x;*/ background-color: rgb(0,122,53); background-image: linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -o-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -moz-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -webkit-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -ms-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); } .promo .bcolor { /*background: #d8d8d8;*/ color: #fff; /*background-color: rgba(0, 0, 0, 0.7);*/ /*background: url(../img/royalvalley/sub-bg-green.jpg) repeat-x;*/ background-color: rgb(0,122,53); background-image: linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -o-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -moz-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -webkit-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -ms-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); } .promo .gcolor { color: #fff; /*background-color: rgba(0, 0, 0, 0.7);*/ background-color: rgb(0,122,53); background-image: linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -o-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -moz-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -webkit-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -ms-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); } .items .item { border: 1px solid #ccc; } /*Changes in style.css 18 mar 2015*/ span.dropdown-menu { background:#fafafa !important; border-radius:0px !important; box-shadow:none !important; border-bottom:none !important; padding:0px 0px; margin:0px; margin-top:1px !important; z-index: 2000; border-top: none !important; } span.dropdown-menu span { background:#fafafa !important; padding:7px !important; color:#666 !important; text-shadow:none !important; -webkit-transition:background 1s ease; -moz-transition:background 1s ease; -o-transition:background 1s ease; transition:background 1s ease; border-bottom: 1px solid #ddd; display: block; } span.dropdown-menu span:hover, span.dropdown-menu span:focus { filter:none !important; background:#f3f3f3 !important; -webkit-transition:background 1s ease; -moz-transition:background 1s ease; -o-transition:background 1s ease; transition:background 1s ease; border-bottom: 1px dotted #364150; } /*Changes in style.css 02 APr 2015*/ .items .item .item-price { background: none repeat scroll 0 0 #f3f3f3; border: 1px solid #eee; border-radius: 0; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 13px; padding: 1px 1px 1px 10px !important; } .item-starting { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 19px; } .dollar { color: #2B3643; display: block; font-size: 18px; margin: 0 0 10px; } .dollar sup { color: #2B3643; font-size: 11px; letter-spacing: 0; font-weight:normal; } .dollar span { font-size:11px; font-weight:normal } .btn-gray { background-color: #eee; border-color: #ccc; color: #323232 !important; } .btn-gray.active, .btn-gray.focus, .btn-gray:active, .btn-gray:focus, .btn-gray:hover, .open > .dropdown-toggle.btn-gray { background-color: #666; border-color: #ccc; color: #fff !important; } .promo { margin: 10px 0; } .promo .pcol-left { float: left; text-align: center; width: 38%; } .promo .pcol-right { float: right; width: 58%; } .promo .pbox { border: 1px solid #fff; box-shadow: 0 0 4px #888; font-family: "Open Sans", Arial, Helvetica, sans-serif; margin: 10px 0; max-height: 250px; min-height: 130px; padding: 25px; } .promo a, .promo a:visited, .promo a:hover { color: #fff; text-decoration: none; } .promo img { border: 2px solid white; max-height: 120px; width: 70px; } .promo .rcolor { } .promo .bcolor { } .promo .gcolor { } .promo .pmed { font-size: 17px; font-weight: 600; line-height: 27px; text-transform: uppercase; } .promo .psmall { font-size: 13px; line-height: 20px; } #warning-msg p { font-size:13px; font-weight:bold; } #warning-msg i { font-size:18px; } /*#warning-msg .modal-header { background:#f0ad4e none repeat scroll 0 0; }*/ .lockout-help { float: right; padding-right: 44px; } button.close { opacity: 0.9; } /*Life Events Post submisition*/ .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: inherit; display: block; } input[readonly] { background-color: white !important; cursor: text !important; } .picker-switch { display:none } .accordion h5 { padding-top:10px } .accordion .well { background:#F5F5F5; margin-bottom:0 } .accordion a.btn, .accordion a.btn:visited { color:#fff } .accordion p span { color:#0C0; padding:10px; line-height:28px; } .accordion { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 4px; margin: 20px auto; width:100%; padding:0 } .accordion input[type="checkbox"], input[type="radio"] { margin: 1px 0 0 -20px !important; } .accordion .form-horizontal .control-label { text-align:left } .accordion .link { cursor: pointer; display: block; padding: 15px 15px 15px 20px; color: #323232; font-size: 14px; font-weight: 700; border-bottom: 1px solid #CCC; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .accordion li:last-child .link { border-bottom: 0; } .accordion li { list-style:none } .accordion li i { position: absolute; top: 16px; left: 12px; font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .accordion li table td a i { position: static; top: 16px; left: 12px; font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .accordion li i.fa-chevron-down { right: 12px; left: auto; font-size: 16px; } .accordion li.open .link { color: #acb5c3; } .accordion li.open i { color: #acb5c3; } .accordion li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /* Submenu*/ .submenu { display: none; padding:0; } .submenu li { border-bottom: 1px solid #fff; } .submenu a { display: inline-block; text-decoration: none; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; text-decoration: underline; } /*.submenu a:hover { background: #44B7D9; color: #FFF; }*/ /*My Messiage popbox style start*/ #mesg .fa-envelope-read { color:#acb5c3; vertical-align:top; padding-top: 2px; } #mesg .fa-envelope-unread { color: #969696; padding-top: 2px; } #mesg .fa-trash-o { font-size:15px; vertical-align:middle; } #mesg .modal-dialog { width:1000px; } #mesg td.mymsgicon { text-align:center } #mesg thead.mesg-toplink > tr > th { vertical-align:middle !important; font-weight:normal } #mesg thead.mesg-toplink > tr { margin: 0 0 0; } .mesg-toplink { background: #f9f9f9 none repeat scroll 0 0; color: #323232; float: left; padding: 8px 8px 0; width: 100%; border:1px solid #ddd; border-radius:4px; -webkit-transition:border .2s ease-in-out; -o-transition:border .2s ease-in-out; transition:border .2s ease-in-out; border-collapse:inherit; border-spacing:14px 0; } .mesg-toplink input[type="checkbox"] { margin:4px 0 10px !important; vertical-align:top } .item-field: { display: none; } .mesg-toplink ul li { list-style:none; display:inline-block } /* /*topheader css end*/s menu*/ .mesgaccordion .mesglink { cursor: pointer; display: block; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .mesgsubmenu { display: none; padding:10px 0 0; } .mesgsubmenu a { display:table; text-decoration: none; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; text-decoration: underline; } /*employe profile css start*/ #employeeprofile legend { font-size: 18px; padding: 10px !important; text-align: left; clear: both; } #employeeprofile .padleft-clear { padding-left:0 } #employeeprofile .padright-clear { padding-right:0 } #employeeprofile .checkbox, #employeeprofile .radio { display:inline-block; margin: 0 15px } /*#employeeprofile input[type="checkbox"], input[type="radio"] { margin:4px 0 0 -20px !important; }*/ #employeeprofile .accordion { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 4px; margin: 20px auto; width:100%; padding:0 } /*#employeeprofile .accordion input[type="checkbox"], input[type="radio"] { margin: 1px 0 0 -20px !important; }*/ #employeeprofile .accordion .form-horizontal .control-label { text-align:left } #employeeprofile .accordion .link:hover { background-color:rgb(194,194,194); background-image:linear-gradient(bottom, rgb(194,194,194) 14%, rgb(206,206,206) 57%); background-image:-o-linear-gradient(bottom, rgb(194,194,194) 14%, rgb(206,206,206) 57%); background-image:-moz-linear-gradient(bottom, rgb(194,194,194) 14%, rgb(206,206,206) 57%); background-image:-webkit-linear-gradient(bottom, rgb(194,194,194) 14%, rgb(206,206,206) 57%); background-image:-ms-linear-gradient(bottom, rgb(194,194,194) 14%, rgb(206,206,206) 57%); } #employeeprofile .accordion .link { cursor: pointer; display: block; padding: 15px 15px 15px 20px; color: #323232; font-size: 13px; font-weight: 700; border-bottom: 1px solid #CCC; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background:#dedede; } #employeeprofile .accordion li:last-child .link { border-bottom: 0; /*background:#4A5850; 8*/ color:#323232 !important; font-size:13px; } #employeeprofile .accordion li { list-style:none } #employeeprofile .accordion li i { position:static; color: #000; font-size: 13px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #employeeprofile .accordion li table td a i { position: static; top: 16px; left: 12px; font-size: 14px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #employeeprofile .accordion li i.fa-chevron-down { right: 12px; left: auto; font-size: 16px; } #employeeprofile .accordion li.open .link { color: #666; background:#dedede; font-size:13px; } #employeeprofile .accordion li.open i { color: #666 !important; } #employeeprofile .accordion li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #employeeprofile .accordion li.open i.fa-chevron-down { color:#8b8989 !important } #dvHelp { padding: 0; position: absolute; right: 6px; top: -33px; } #employeeprofile-help { text-align:right } #employeeprofile { position: relative; } #employeeprofile .comparediv input[type="checkbox"] { margin:0 !important; } .editprofile-notavi a, .ooamsgshow a { color:#acb5c3; text-decoration:underline } /*employe profile css end*/ /*Change Security Details css Start*/ .changesecure-box { border: 1px solid silver; margin: 20px 0 0; padding: 0 0 20px; } #change-security .modal-dialog { width:1000px; } #change-password .modal-dialog { width:1000px; } #change-username .modal-dialog { width:1000px; } /*Change Security Details css end*/ .mandatory { color:#F00; display: inline; } .table-striped td.mymsgicon { text-align: center; } .table-striped .fa-trash-o, .table-striped .fa-check-circle { font-size: 18px; vertical-align: middle; } /*select.form-control{height: 24px; padding: 0 12px;}*/ .checkouterror .fa-exclamation-triangle, .checkouterror .fa-times-circle { font-size:18px; } /*Home page feature box style 05 june 2015*/ table.featurebox { width: 100%; border:1px solid #ddd; border-radius:4px; -webkit-transition:border .2s ease-in-out; -o-transition:border .2s ease-in-out; transition:border .2s ease-in-out; border-collapse:inherit; border-spacing:14px 0; margin: 20px 0; padding: 15px 0; } table.featurebox tr { display: inline; } table.featurebox td { margin: 0; width:50%; float: left; background-color: rgb(0,122,53); background-image: linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -o-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -moz-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -webkit-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); background-image: -ms-linear-gradient(bottom, rgb(0,122,53) 14%, rgb(2,153,67) 57%); border-radius: 4px; transition: border 0.2s ease-in-out 0s; box-shadow:0px 0px 4px #888; border: 1px solid #fff; cursor:pointer; color:#fff; } table.featurebox td a { color:#fff;/*padding:15px 20px 20px 15px; */ display:table } .hmetdfb { padding:15px 20px 20px 15px } table.featurebox td img { border: 2px solid white; max-height: 120px; float:left; margin: 10px 10px 0 0; } /*enroll button new style start*/ .enrollbtn { background:#acb5c3 none repeat scroll 0 0; border: 0 none !important; border-radius: 3px; color: #fff; font-family: "Open Sans", Arial, Helvetica, sans-serif !important; font-size: 13px; padding: 3px 8px; text-decoration: none !important; transition: background 1s ease 0s; cursor: pointer; display:inline } .enrollbtn button, .enrollbtn button:visited { background:none; border:0 none } .enrollbtn:hover { background:#97a3b4; } /*enroll button new style end*/ .field-error { color: #333; float: left; font-size: 13px; font-weight: bold; border:1px solid #ff0000; border-radius:4px; -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s } .form-control { padding:6px; line-height: 28px; } .btn-success { color:#fff !important } #myAlert { display: none; } .form-control-med { display:block; width:100%; height:34px; padding:6px 12px; font-size:14px; line-height:1.42857143; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s } .form-control-med2 { display:block; width:84%; height:34px; padding:6px 12px; font-size:14px; line-height:1.42857143; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s } /* Timeout Dialog Styles start*/ .timeout-dialog button { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } .timeout-dialog button { line-height: normal; *overflow: visible; } .timeout-dialog button { cursor: pointer; -webkit-appearance: button; } .timeout-dialog button { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #cccccc; border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1); cursor: pointer; color: #333333; display: inline-block; font-size: 14px; line-height: normal; padding: 5px 10px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); } .timeout-dialog .button:hover, .timeout-dialog button:hover { text-decoration: none; background-position: 0 -15px; } .timeout-dialog .button:focus, .timeout-dialog button:focus { -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4); outline: none; } .timeout-dialog { padding: 15px; position: absolute; background: #eeeeee; border: 1px solid #ffffff; -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .timeout-dialog .ui-dialog-title { display: block; font-size: 16px; font-weight: bold; margin: 0 auto; padding: 10px; text-align: center; } .timeout-dialog .ui-dialog-titlebar-close { display: none; } .timeout-dialog .ui-dialog-buttonpane { margin-top: 15px; } .timeout-dialog ~ .ui-widget-overlay { position: absolute; top: 0; left: 0; background-color: #000; filter: alpha(opacity=40); -khtml-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; } .timeout-dialog p { margin: 0 auto; text-align:center } #timeout-keep-signin-btn { color: #FFF; background-color: #0f5895; background-repeat: repeat-x; color: #ffffff; text-shadow: none; margin: 5px 10px 5px 0; background-image: linear-gradient(top, #377bb2, #0f5895); } #timeout-sign-out-button { color: #FFF; background-color: #e6e6e6; background-repeat: repeat-x; color: #000000; text-shadow: none; margin: 5px 0; background-image: linear-gradient(top, #ffffff, #e6e6e6); } #timeout-countdown { font-weight: bold; } /* Timeout Dialog Styles End*/ .mesg-toplink button { padding: 3px 36px !important; } #mesg button, .msgcounting { position:relative; margin:0 0 10px 0 !important; font-size:13px; padding: 3px 6px !important; } #mesg button .badge, .msgcounting .badge { background: #777777 none repeat scroll 0 0; border-radius: 20px; display: block; font-size: 11px; font-weight: 300; line-height: 12px; padding: 4px 7px 3px; position: absolute; right: -8px; top: -9px; } #mesg button .badge-danger, .msgcounting .badge-danger { background-color: #df5640; } .mesg-toplink button { margin:0 !important; background:none; border:none; cursor:text } /* Add a Family Member model popup style*/ .dependent_add .modal-dialog { width:1000px; } #contact input { } #contact .alert { padding: 5px; } .warning-txt { color:#8A6D3B; } /*anitha & sasi added for left side menu panel 16 june 2015 start*/ .left-slidepanel > li { position:relative } .left-slidepanel > li > img { left: 10px; position: absolute; top: 10px; } .left-slidepanel > li > a { background-color: #FAFAFA; border-bottom: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; color: #777777; display: block; padding: 10px 10px 10px 35px !important; text-decoration: none; } /*anitha & sasi added for left side menu panel 16 june 2015 end*/ #faqtab .form-group h5 { display: inline-block; margin:0 5px 0 0; } #faqtab .form-control { display: inline-block; padding: 6px; width: auto; } .mesg-toplink .hidecheck { display:inline-block } .items .alert { padding: 5px; } .request-editbg { background:#f5f5f5; border:1px solid #ddd; border-radius:4px; -webkit-transition:border .2s ease-in-out; -o-transition:border .2s ease-in-out; transition:border .2s ease-in-out; margin: 0 0 10px; padding: 10px; } .request-editbg a { text-align:right } .alert-danger { color: #cc0000; } .head-btm-bdr { border-bottom: 1px solid #eee; margin:10px 0 0; padding-bottom: 9px; } table.covermembergrid, .covermembergrid thead, .covermembergrid tbody, .covermembergrid th, .covermembergrid td, .covermembergrid tr { display: block; } .covermembergrid thead { display:none } .covermembergrid thead.mesg-toplink { display:block } .covermembergrid thead tr { position: absolute; top: -9999px; left: -9999px; } .covermembergrid tr { border: 1px solid #ccc; margin: 25px 0 0; } .covermembergrid td { border: none; position: relative; padding-left: 50% !important; } .covermembergrid td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; color:#323232; font-weight:bold } .covermembergrid td:nth-of-type(2):before { content: "Member Name"; } .covermembergrid td:nth-of-type(3):before { content: "Relationship"; } .covermembergrid td:nth-of-type(4):before { content: "Tobacco User"; } .covermembergrid td:nth-of-type(5):before { content: "PCP Provider Name"; } .covermembergrid td:nth-of-type(6):before { content: "PCP Code"; } .covermembergrid td:nth-of-type(7):before { content: "Waive Reason"; } .covermembergrid td:nth-of-type(8):before { content: "Out of Area"; } .covermembergrid td:nth-of-type(9):before { content: "Your Cost"; } .covermembergrid thead.mesg-toplink > tr > th { text-align: center; } .covermembergrid td a i { color:#828282; font-size:18px; } .covermembergrid td .form-group { margin-bottom: 5px; } .covermembergrid td select { margin-top: 5px; max-width: 100% !important; } .covermembergrid td.checkboxpad { padding-left:10px !important } table.covermembergrid-2, .covermembergrid-2 thead, .covermembergrid-2 tbody, .covermembergrid-2 th, .covermembergrid-2 td, .covermembergrid-2 tr { display: block; } .covermembergrid-2 thead { display:none } .covermembergrid-2 thead.mesg-toplink { display:block } #covermembergrid-2 thead tr { position: absolute; top: -9999px; left: -9999px; } .covermembergrid-2 tr { border: 1px solid #ccc; margin: 0; } .covermembergrid-2 td { border: none; position: relative; padding-left: 50% !important; } .covermembergrid-2 td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; color:#323232; font-weight:bold } .covermembergrid-2 td:nth-of-type(1):before { content: "Relationship"; } .covermembergrid-2 td:nth-of-type(2):before { content: "Tobacco User"; } .covermembergrid-2 td:nth-of-type(3):before { content: "PCP Provider Name"; } .covermembergrid-2 td:nth-of-type(4):before { content: "PCP Code"; } .covermembergrid-2 td:nth-of-type(5):before { content: "Waive Reason"; } .covermembergrid-2 td:nth-of-type(6):before { content: "Out of Area"; } .covermembergrid-2 td:nth-of-type(7):before { content: "Your Cost"; } .covermembergrid-2 thead.mesg-toplink > tr > th { text-align: center; } .covermembergrid-2 td a i { color:#828282; font-size:18px; } .covermembergrid-2 td .form-group { margin-bottom: 5px; } .covermembergrid-2 td select { max-width: 100% !important; } .covermembergrid-2 td.checkboxpad { padding-left:10px !important } /*covermember accodion css start*/ #covermember legend { font-size: 18px; padding: 10px !important; text-align: left; } #covermember .padleft-clear { padding-left:0 } #covermember .padright-clear { padding-right:0 } #covermember .checkbox, #employeeprofile .radio { display:inline-block; margin: 0 15px } #covermember .coveraccordion { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 4px; margin: 20px auto; width:100%; padding:0 } #covermember .coveraccordion input[type="checkbox"], #covermember .coveraccordion input[type="radio"] { left: 41px; margin: 14px 0 0 -20px !important; position: absolute; z-index: 1; } #covermember .coveraccordion .form-horizontal .control-label { text-align:left } #covermember .coveraccordion .cover-link { background: #f9f9f9 none repeat scroll 0 0; border-bottom: 1px solid #ccc; color: #323232 !important; cursor: pointer; display: block; font-size: 13px; padding: 10px 10px 10px 25px; position: relative; transition: all 0.4s ease 0s; } /*#covermember .coveraccordion li:last-child .cover-link { border-bottom: 0; background:#4A5850; color:#fff !important; font-size:13px;}*/ #covermember .coveraccordion li { list-style:none } #covermember .coveraccordion li i { position:static; color: #000; font-size: 16px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #covermember .coveraccordion li table td a i { position: static; top: 16px; left: 12px; font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #covermember .coveraccordion li i.fa-chevron-down { font-size: 12px; line-height:24px; } #covermember .coveraccordion li.open .cover-link { background: #f9f9f9 none repeat scroll 0 0; border-bottom: 1px solid #ccc; color: #323232 !important; cursor: pointer; display: block; font-size: 13px; padding: 10px 10px 10px 25px; position: relative; transition: all 0.4s ease 0s; } #covermember .coveraccordion li.open .cover-link a { position:relative } #covermember .coveraccordion li.open i { color: #acb5c3 !important; font-size: 12px; line-height: 30px; } #covermember .coveraccordion li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #covermember .coveraccordion li.open i.fa-chevron-down { color: #acb5c3 !important; } #covermember .form-group { margin:0; } .covertable td input[type="checkbox"] { text-align:center; width:100% } table.covertable td table { background:none !important; margin: 0px; } .covertable td { padding: 0px !important; border: medium none; } table.covertable td table td { padding:5px !important; vertical-align:middle !important } table.covertable td table td a { text-decoration:underline } table.covertable td table td a i { font-size:16px; } table.covertable td table td.alert-danger { color:#323232 !important; background-color:#f2dede; border-color:#ebccd1 } .covertable .form-group { margin:0 } .covertable select { margin-top: 0; max-width: 100%; } .cover-submenu table { background-color: transparent; border: 1px solid #fff; } /*covermember accodion css end*/ /*rider accodion css start*/ #multiple-riders legend { font-size: 18px; padding: 10px !important; text-align: left; } #multiple-riders .padleft-clear { padding-left:0 } #multiple-riders .padright-clear { padding-right:0 } #multiple-riders .checkbox, #multiple-riders .radio { display:inline-block; margin: 0 15px } #multiple-riders .rideraccordion { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 4px; margin: 20px auto; width:100%; padding:0 } #multiple-riders .rideraccordion input[type="checkbox"], #multiple-riders .rideraccordion input[type="radio"] { margin:1px 0 0px !important; text-align: left; width: auto; } #multiple-riders .rideraccordion .form-horizontal .control-label { text-align:left } #multiple-riders .rideraccordion .rider-link { background: #f9f9f9 none repeat scroll 0 0; border-bottom: 1px solid #ccc; cursor: pointer; display: block; font-size: 13px; padding: 10px; transition: all 0.4s ease 0s; } #multiple-riders .rideraccordion li { list-style:none } #multiple-riders .rideraccordion li i { position:static; color: #000; font-size: 16px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #multiple-riders .rideraccordion li table td a i { position: static; top: 16px; left: 12px; font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #multiple-riders .rideraccordion li i.fa-chevron-down { font-size: 12px; line-height:24px; } #multiple-riders .rideraccordion li.open .rider-link { background: #f9f9f9 none repeat scroll 0 0; border-bottom: 1px solid #ccc; cursor: pointer; display: block; font-size: 13px; padding: 10px; position: relative; transition: all 0.4s ease 0s; } #multiple-riders .rideraccordion li.open i { color: #fff !important; font-size: 12px; line-height: 30px; } #multiple-riders .rideraccordion li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #multiple-riders .rideraccordion li.open i.fa-chevron-down { color: #acb5c3 !important; } #multiple-riders .form-group { margin:0; } .ridertable td input[type="checkbox"] { text-align:center; width:100% } table.ridertable td table { background:none !important; margin: 0px; } .ridertable td { padding: 0px !important; border: medium none; } table.ridertable td table td { padding:5px !important; vertical-align:middle !important } table.ridertable td table td a { text-decoration:underline } table.ridertable td table td a i { font-size:16px; } table.ridertable td table td.alert-danger { color:#323232 !important; background-color:#f2dede; border-color:#ebccd1 } .ridertable .form-group { margin:0 } .ridertable select { margin-top: 0; max-width: 100%; } .rider-submenu table { background-color: transparent; border: 1px solid #fff; } /*rider accodion css end*/ .padding-bottom { padding-bottom:20px; } /*Asokkumar Sasikumar Mallika 24 June 2015 COB css start*/ .cobBtnSave { width:5%; } .cobBtnAddAnother { width:16%; } /*Asokkumar Sasikumar Mallika 24 June 2015 COB css end*/ .addmember-ben-dep table caption { background:#F9F9F9; border: 1px solid #ccc; border-right:0; border-left:0; padding:10px; } /*benefits statements print css start*/ .panel { background-color: #f3f3f4; } .panel-heading { background: #fafafa none repeat scroll 0 0; border: 1px solid #e2e2e2; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #999999; font-size: 15px; font-weight: 400; height: 52px; letter-spacing: 0.2px; line-height: 49px; padding: 0 8px; position: relative; } .print-statement table { table-layout: fixed; word-break: break-all; word-wrap: break-word; } .print-statement th { width:35%; vertical-align:top } .print-statement td table td { width:65%; vertical-align:top } .print-statement .table > tbody > tr > td, .print-statement .table > tbody > tr > th, .print-statement .table > tfoot > tr > td, .print-statement .table > tfoot > tr > th, .print-statement .table > thead > tr > td, .print-statement .table > thead > tr > th { border-bottom: 1px solid #ddd; border-top: medium none !important; } /*benefits statements print css end*/ .accodion-gray { background:#F9F9F9 !important; } .accodion-white { background:#fff !important } table.ridertabresponsive tr.theadbg { background: #323232 none repeat scroll 0 0 !important; color: #fff; padding: 10px !important; text-align: left; } table.ridertabresponsive tr.theadbg td, table.ridertabresponsive1 tr.theadbg { font-weight:600 } /*srinivasan css style start*/ #myTabContent .item-price { height: 30px !important; } /*srinivasan css style end*/ /*annapurna css style start*/ ul#tblPlanGrid { padding:0; margin:0; } /*annapurna css style end*/ .left-slidepanel > li > a:hover { background:#F3F3F3 } /*anitha css style 08july2015 start*/ .left-slidePanelWidth { margin:0px; padding:0px; } /*anitha css style end*/ /*siva css style 08july2015 start*/ .chkcompare input[type="checkbox"] { margin: -2px 5px 0 0; vertical-align: middle; line-height:22px; } .chkcompare label { font-weight:normal; } /*siva css style 08july2015 end*/ /*siva css style Survey PopUp 13july2015 end*/ .dtGrid tbody tr td input[type="radio"] { margin-left: 0px !important; margin-right: 5px !important; vertical-align: top; } .SurveyDisplayText { color: green; font-size: medium; } .EndSurveyDisplayText { color: blue; font-size: medium; font-weight: bold; } .editsurvey-popup label { float: left; padding-left: 10px; width: 96%; } .editsurvey-popup input[type="checkbox"], .editsurvey-popup input[type="radio"] { float: left; } /*siva css style Survey PopUp 13july2015 end*/ .th-width-35 { width:35%; } .th-width-25 { width:25%; } .th-width-30 { width:30%; } .th-width-10 { width:10%; } .th-width-50 { width:50%; } #edit-btn:before { content:''!important; } /*Table first row hiding*/ .modalTable tbody tr:first-child { display:none; } .planProrateMsg { color:#000; font-size:12px; font-weight:bold; margin:0 0 0 15px; } .lblEstimationOnly { font-size:10px; font-weight:bold; color:#000; } .textbreak { word-break:break-all } table#employer-contribution-details { width: 100%; border-collapse: collapse; } #employer-contribution-details tr:nth-of-type(odd) { background:#F9F9F9; } #employer-contribution-details th { background: none repeat scroll 0 0 #323232; color: #fff; padding: 10px !important; } #employer-contribution-details td, #employer-contribution-details th { border-bottom: 1px solid #ddd; padding: 6px; vertical-align: top; } /*srini css style 03Aug2015 start*/ .chkcompareList input[type="checkbox"] { margin: -2px 5px 0 0; vertical-align: middle; line-height:22px; } .chkcompareList label { font-weight:normal; } /*srini css style 03Aug2015 end*/ /*preeti css style 28Aug2015 start*/ .td_width_contactUS_addr { width: 50% !important; } /*preeti css style 28Aug2015 end*/ .continue-enrol-btn { color:#acb5c3 } .contact-ver-scroll .modal-content { height:500px !important; overflow-y:scroll !important; } /*MPDG Calculator css style 17Sep2015 start*/ .mpdgbox .modal-dialog { width:auto !important; margin:0 } .mpdgbox .modal-content { box-shadow:none !important } /*.mpdgbox input[type="checkbox"], input[type="radio"] { margin:0 !important; }*/ .mpdgbox .thumbbox { padding:10px 10px 5px !important } .mpdgbox ul li { list-style:none; display:inline-block } .mpdgbox ul li a { color:#323232 !important; border:none !important; font-size: 120%; /*****NOV 4 NEW*****/ cursor:pointer; /*****NOV 4 NEW*****/ margin-right:1.9em;/*****NOV 4 NEW******/ margin-left: .5em;/*****NOV 4 NEW*****/ font-family: "Open Sans", Arial, Helvetica, sans-serif;/*****NOV 4 NEW*****/ color: #666666 /*****NOV 4 NEW*****/ } .mpdgbox ul li a img { display:inline-block; padding-bottom: 2px; } .mpdgbox .pic { max-width:100%; position:relative } .mpdgbox .thumbnail { position:relative } .mpdgbox .mpdgtag { left: -5px; position: absolute; top: -6px; z-index: 999; } .mpdgbox label { font-weight:normal } .mpdgbox p { font-weight:bold } .margin-right { margin-right:10px; } .mpdgbox ul li a:hover { text-decoration:none; color:#17A6DE !important } .mpdgbox .collapse { display:inline-block !important; width:100% !important; height:auto !important } .mpdgbox .well { padding:0 } .mpdgbox .navbar .nav > li > a:hover { background:none !important; } /*MPDG Calculator css style 17Sep2015 end*/ /*MPDT accodion css start*/ .mpdtsummary legend { font-size: 18px; padding: 10px !important; text-align: left; } .mpdtsummary .mpdtaccordion { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 4px; margin: 20px auto; width:100%; padding:0 } .mpdtsummary .mpdtaccordion .mpdt-link { background: #f9f9f9 none repeat scroll 0 0; border-bottom: 1px solid #ccc; color: #43b5ff !important; cursor: pointer; display:inline-block; font-size: 13px; padding: 10px 10px 10px 25px; position: relative; transition: all 0.4s ease 0s; width:100% } .mpdtsummary .mpdtaccordion li { list-style:none; width:100%; padding:0 } .mpdtsummary .mpdtaccordion li i { position:static; color: #000; font-size: 16px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .mpdtsummary .mpdtaccordion li i.fa-chevron-down { font-size: 12px; line-height:24px; } .mpdtsummary .mpdtaccordion li.open .mpdt-link { background: #f9f9f9 none repeat scroll 0 0; border-bottom: 1px solid #ccc; color: #acb5c3 !important; cursor: pointer; display: block; font-size: 13px; padding: 10px 10px 10px 25px; position: relative; transition: all 0.4s ease 0s; } .mpdtsummary .mpdtaccordion li.open .mpdt-link a { position:relative; } .mpdtsummary .mpdtaccordion li.open i { color: #acb5c3 !important; font-size: 12px; line-height: 30px; } .mpdtsummary .mpdtaccordion li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .mpdtsummary .mpdtaccordion li.open i.fa-chevron-down { color: #acb5c3 !important; } .mpdtsummary .mpdtaccordion li a { color:#fff !important } /*MPDT accodion css end*/ .contactselectdd { width:180px } /*topheader css start*/ .top_bg { background:#323232; padding:10px 0 5px } .top_bg a { color:#fff } .top_bg a:hover, .top_bg a:focus { color:#6D6D6D } .header_top { padding: 0 0 5px; } .top_right { color: #ffffff; float: right; margin-top: -5px; } .top_bg a.msgcounting { padding: 3px 20px 3px 10px !important; } .top_bg a.msgcounting .badge { right: 0; top: -9px; font-size:12px } /*topheader css end*/ /*MESSAGE ICON CSS START*/ .client-msg-unread, .client-msg-read { background-image: url("../img/client-msg-read-unread-icons.html"); width: 15px; height: 14px; margin-top: 1px; display: inline-block; *margin-right: .3em; line-height: 18px; vertical-align:text-bottom; } .mymsgicon .client-msg-unread, .mymsgicon .client-msg-read { display: block; float: left; height: 15px; margin-top: 3px; vertical-align: text-bottom; width: 14px; } .client-msg-unread { background-position: -2px 0; } .client-msg-read { background-position:-17px 0; } /*MESSAGE ICON CSS END*/ .msgemp { width:12px; float:left } .mesgaccordion ul.pagination { margin: 20px 0 0; } .topsublinlnav ul li { display: inline-block; list-style: outside none none; width: 100%; } .topsublinlnav ul li a { font-size:13px;margin-right: 6px;} .mesdiv { display:inline-block; } #blocker { top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; overflow: auto; } #blocker div.loadingimg { position: absolute; top: 53%; left: 50%; width: 5em; height: 2em; margin: -1em 0 0 -2.5em; color: #fff; font-weight: bold; } .msgpagination td a { background-color: #FFFFFF; border: 1px solid #CCCCCC !important; border-radius: 0; color: #323232; display: inline-block; padding: 4px 12px !important; text-decoration: none; } .msgpagination td a:hover { background-color: #acb5c3; color: #fff; } .msgpagination td span { background-color: #acb5c3; border: medium none; color: #FFFFFF; line-height: 28px; padding: 7px 12px !important; text-decoration: none; vertical-align: top; } .input-group-radiobtn input[type="radio"] { margin: 4px 0 0 0px !important; float: left !important; display: inline-block !important; } .input-group-radiobtn label { padding-right: 20px !important; display: inline-block; float: left !important; margin: 0 0 15px; } /*------------------------------------*\ Pagination Styles \*------------------------------------*/ ul.simple-pagination { list-style: none; } .simple-pagination { display: block; overflow: hidden; padding: 0 0 5px 0; margin: 0; } .simple-pagination ul { padding: 0; margin: 0; } .simple-pagination li { list-style: none; padding: 0; margin: 0; float: left; } .light-theme a, .light-theme span { float: left; color: #666; font-size:14px; line-height:24px; font-weight: normal; text-align: center; border: 1px solid #BBB; min-width: 14px; padding: 0 10px; margin: 0 5px 0 0; background: #efefef; /* Old browsers */ } .light-theme a:hover { text-decoration: none; background: #364150; color: #FFF; } .light-theme .current { background: #364150; color: #FFF; border-color: #444; cursor: default; } .light-theme .ellipse { background: none; border: none; border-radius: 0; box-shadow: none; font-weight: bold; cursor: default; } table.resp-tab { width: 100%; border-collapse: collapse; } /* Zebra striping */ .resp-tab tr:nth-of-type(odd) { background: #eee; } table.resp-tab th { background: #333; color: white; font-weight:600; padding:10px !important; } table.resp-tab td, table.resp-tab th { padding: 6px; /*border: 1px solid #ccc; */ vertical-align:top; text-align:center; border-bottom:1px solid #ddd } /* Hide new mobile heading on desktop */ td span.rwd-tables.thead { display: none; } td.benefttotal span.rwd-tablest.body { text-align:right } .thumbCaption .list-group-item-heading { margin-bottom: -8px; } .caption .button { padding: 0 50px 0 0; } .waiveComVis-fals { height: 27px; } .chtmleditbtn { position: relative; } .chtmleditbtn .des-editbtn { border-width: 0px; z-index: 1000; position: absolute; right: 16px; top: -9px; border: 0; } .chkcompareOther input[type="checkbox"] { margin: -2px 5px 0 0; vertical-align: middle; line-height: 22px; } /* MPDT Summary Thumbnails new style 23nov2015 */ #lirptrOtherPlans .item-price, #lirptrRecommendedPlans .item-price { height: 45px !important; } #divOtherPlans .dollar, #divRecommPlans .dollar { margin:0 !important } table.resp-tabBC .mymsgicon { text-align:center !important } table.resp-tabBC .costperpay { text-align:right !important; vertical-align:top } /*Benefits Cart Popup New css style 21Dec2015 Start*/ table.resp-tabBC { width: 100%; border-collapse: collapse; margin:0 } .resp-tabBC tr:nth-of-type(odd) { background: #eee; } table.resp-tabBC th { background: #fff; font-weight:600; padding:8px !important; border-bottom: 2px solid #ccc } table.resp-tabBC td, table.resp-tabBC th { padding: 6px; /*border: 1px solid #ccc; */ text-align: left; } table.resp-tabBC th { text-align:center } .bencart-total-mobdiv { display: none } .bencart-total-div tr { border-bottom:none } table.resp-tabBC tr.bencart-total-div th { border-bottom:none; } td span.rwdtablesBC.thead { display: none; } /*Benefits Cart Popup New css style 21Dec2015 End*/ /*Benefits Cart Fly Animation Effects New css style 22Dec2015 Start*/ .element-animation { background:url(../img/cart-icon-filled-8.html) no-repeat 0 0; width:56px; height:55px; line-height:30px; font-weight:600px; color:#fff; animation: animationFrames ease 5s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:forwards; /*when the spec is finished*/ -webkit-animation: animationFrames ease 5s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ -moz-animation: animationFrames ease 5s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode:forwards; /*FF 5+*/ -o-animation: animationFrames ease 5s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode:forwards; /*Not implemented yet*/ -ms-animation: animationFrames ease 5s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode:forwards; /*IE 10+*/ position:absolute; z-index:9999; top:-5px} @keyframes animationFrames { 0% { opacity:0; -moz-transform: translate(-100px, 0px); } 60% { opacity:1; -webkit-transform:translate(-15px, 0px); -moz-transform: translate(-15px, 0px); -o-transform:translate(-15px, 0px); -ms-transform:translate(-15px, 0px); } 80% { opacity:1; -webkit-transform:translate(-15px, 0px); -moz-transform: translate(-15px, 0px); -o-transform:translate(-15px, 0px); -ms-transform:translate(-15px, 0px); } 100% { opacity:0; -webkit-transform:translate(20px, 0px); -moz-transform: translate(20px, 0px); -o-transform:translate(20px, 0px); -ms-transform:translate(20px, 0px); } } /*Benefits Cart Fly Animation Effects New css style 22Dec2015 End*/ /*Responsive Media Quiery css style*/ @media (max-width:1024px) { .nbs-flexisel-item { margin: 0 12px; } .nbs-flexisel-inner { margin: 0; width:100%; } .thumbnail { padding: 6px; } table.featurebox { border-spacing: 9px 0 !important; } } @media (min-width:992px) { .promo-caption { width:63% !important } } @media all and (min-width: 900px) { table.featurebox tr { display: table-row; } table.featurebox td { float: none; } } @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ table#listviewtab, #listviewtab thead, #listviewtab tbody, #listviewtab th, #listviewtab td, #listviewtab tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ #listviewtab thead tr { position: absolute; top: -9999px; left: -9999px; } #listviewtab tr { border: 1px solid #ccc; margin: 25px 0 0; } #listviewtab td { border: none; border-bottom: 1px solid #ccc !important; position: relative; padding-left: 50% !important; } #listviewtab td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; color:#323232; font-weight:bold } #listviewtab td:nth-of-type(1):before { content: "S.no"; } #listviewtab td:nth-of-type(2):before { content: "Product"; } #listviewtab td:nth-of-type(3):before { content: "Benefit"; } #listviewtab td:nth-of-type(4):before { content: "Plan Details"; } #listviewtab td:nth-of-type(5):before { content: "Pay"; } #listviewtab td:nth-of-type(6):before { content: ""; } #listviewtab td:nth-of-type(7):before { content: ""; } #myTabContent .item-price { height: auto !important; } .tooltip-top { padding: 4px 6px; margin:0 } td span.rwd-tables.thead { display: none; font-weight:600; } table.rwd-tables, .rwd-tables thead, .rwd-tables tbody, .rwd-tables th, .rwd-tables tbody, .rwd-tables td, .rwd-tables tr { display: block; } .rwd-tables thead, .rwd-tables th { position: absolute; top: -9999px; left: -9999px; font-weight:600; } .rwd-tables tfoot { display: block; text-align: right; } .rwd-tables tfoot td { display: inline-block; } td span.rwd-tables, td span.rwd-tables.thead { width: 50%; display: inline-block !important; vertical-align:top; padding: 0 10px 0 0; } .rwd-tables tfoot tr:nth-of-type(odd), .rwd-tables tfoot td { background: #333; color: white; font-weight: bold; border-bottom: none; } .rwd-tables tr { border: 1px solid #ccc; } .rwd-tables td:last-child { border: none; border-bottom: 1px solid #eee; position: relative; height:40px } table.resp-tab td, table.resp-tab th { text-align:left !important; } td.benefttotal span.rwd-tables.thead { display:none !important; text-align:right } td.benefttotal span.rwd-tables.tbody { position:absolute; right:43%; text-align:right } } @media screen and (min-width:768px) and (max-width:980px) { .additional-nav { display:inline-block } .flex-main .flex-caption { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); bottom: 0; display: block; height: 185px; left: 4%; margin: 16px 0 0; padding: 8px; position: absolute; top: 0; width: 71%; } .thumbnail-green { min-height:175px; width: 31%; } .promo-caption { width: 56%; } .nbs-flexisel-item { margin: 0 18px; width: auto !important; } .nbs-flexisel-item { margin: 0 16px; } .thumbnail { padding: 9px; } #loginpanel header { background: #fff none repeat scroll 0 0; float:left; width:100%; } .form-horizontal .form-group { margin:0 0 10px } a.control-label { padding-left: 14px !important; } .plan-compar-modal-dialog { margin: 30px auto; width: 600px; } #mesg .modal-dialog { width: 95%; } #change-security .modal-dialog { width: 95%; } #change-password .modal-dialog { width: 95%; } #change-username .modal-dialog { width: 95%; } table.featurebox tr { display: table-row; } table.featurebox td { float: none; vertical-align: top; padding: 10px; } .promo-caption { margin:0 5px; } #DivControlLogin a.control-label { margin: 0 0 0 15px !important; padding: 0 !important; } /* Add a Family Member model popup style*/ .dependent_add .modal-dialog { width:95%; } .mesg-toplink .hidecheck { display:inline-block } } @media screen and (max-width:767px) { .input-group-rediobtn label { margin: 0; } #top-welcome { margin: 5px 0 0; text-align: center; width: 100%; } .topnav { display: inline-flex; padding: 10px 9px; position: relative; width: 100%; } #additional-nav { margin: 0 0 10px; text-align: center; width: 100%; } /*.flex-caption { display: none !important; }*/ .flex-main .flex-caption { padding: 10px 10px 0; top: 0; margin: 0 0 0 50px; width: 85%; } .flex-main .flex-caption p { line-height:normal } .flex-main .flex-caption h3 { font-size: 20px; } .flex-direction-nav .flex-prev { left: 10px; } .flex-direction-nav .flex-next { right: 10px; } .slider-features, footer, .page-head, .navbar-inner { padding-left: 20px; padding-right: 20px; } ul.numlist { margin: 0; width: 100%; } #loginpanel header { background: #fff none repeat scroll 0 0; } .form-horizontal .form-group { margin:0 0 10px } a.control-label { padding-left: 14px !important; } #mesg .modal-dialog { width: 95%; } #change-security .modal-dialog { width: 95%; } #change-password .modal-dialog { width: 95%; } #change-username .modal-dialog { width: 95%; } /* Add a Family Member model popup style*/ .dependent_add .modal-dialog { width:95%; } .eventsbirth-sub table.accordion { width:97% !important; } } @media screen and (max-width:640px) { .top_bg .container { padding:0 } .top_bg a { color: #fff; display: block; text-align: left; padding:0 15px } .top_bg .btn-group { padding: 0 10px; text-align: left; width: 99%; } .top_bg .btn-group a { display:inline-block; padding:0 } .top_bg .btn-group ul li a { display:inline-block; padding: 10px 20px !important; width: 100%; } .top_bg .btn-group ul li a:hover { border:0 !important } .top_bg a.msgcounting { padding: 3px 15px 3px 15px !important; width: 100%; margin:0 !important } .top_bg .dropdown-menu { width:100%; } .top_bg a:hover, .top_bg a:focus { color: #6d6d6d; text-decoration:none } .mesdiv { display:inline-block; position:relative } .mesdiv .badge-danger { position:absolute !important; right:-30px !important; top: 0 !important; } .logo { background-image: url("../SDLimg/logo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto auto; height: 110px; } .mpdgbox .collapse { display:none !important } .mpdgbox .collapse.in { display:block !important } .mpdgbox .navbar-toggle .icon-bar { background-color: #fff; } .mpdgbox .navbar-toggle span { color:#fff } .mpdgbox .navbar .nav > li > a { border:none } .mpdgbox .mpdgtag { left:-5px; } .yamm .yamm-content { padding: 15px; } .dropdown-menu a { border-bottom: 1px dotted #6b6b6b !important; color:#6b6b6b !important; line-height: 40px; padding: 0 10px; } .dropdown-menu a:hover { border-bottom: 1px dotted #364150 !important; color: #364150 !important; background: none repeat scroll 0 0 #f5f5f5; } .navbar-nav .open .dropdown-menu { background:#fff } .hlinks { margin: 15px 0; text-align: center; width: 100%; } .thumbnail-green { width:100% } .view img { display: block; margin: 0 auto; position: relative; width:auto } .img-hovereffectt .mask { left: 95px; top: 60px; } .nbs-flexisel-item { float: left; line-height: 0; margin: 0 10px; padding: 0; position: relative; width:284px !important; } .pic { text-align: center; width: 100%; } .additional-nav { text-align: center; } .form-horizontal .form-group { margin:0 0 10px } a.control-label { padding-left: 14px !important; } .plan-compar-modal-dialog { margin: 30px auto; width: 98%; } .plan-compar-modal-dialog h4 { font-size: 15px; line-height: 22px; } .employeeprofilebtn { text-align:center } .employeeprofilebtn .btn { font-size:12px; } table.featurebox td { margin:0 0 10px; width: 100%; } .mesg-toplink .text-right { text-align:left } .mesg-toplink ul { padding-left:0 } .mesg-toplink .hidecheck { display:inline-block } /*rider responsive css start*/ table td table.ridertabresponsive, table td table.ridertabresponsive thead, table td table.ridertabresponsive tbody, table td table.ridertabresponsive th, table td table.ridertabresponsive td, table td table.ridertabresponsive tr { display: block; } table td table.ridertabresponsive thead { display:none } .ridertabresponsive thead tr { position: absolute; top: -9999px; left: -9999px; } table td table.ridertabresponsive tr { border: 1px solid #ccc; margin: 25px 0 0; } table td table.ridertabresponsive td { border: none; border-bottom: 1px solid #ccc !important; position: relative; padding-left:30% !important; } table td table.ridertabresponsive td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; color:#323232; font-weight:bold } table td table.ridertabresponsive td:nth-of-type(1):before { content: "Option"; } table td table.ridertabresponsive td:nth-of-type(2):before { content: "Coverage Level"; } table td table.ridertabresponsive td:nth-of-type(3):before { content: "Per Paycheck Deduction"; } table td table.ridertabresponsive td:nth-of-type(4):before { content: "Period"; } table td table.ridertabresponsive td:nth-of-type(5):before { content: "Tex Status"; } table td table.ridertabresponsive td:nth-of-type(6):before { content: "Learn"; }/*rider responsive css end*/ table.ridertabresponsive tr.theadbg { display:none } .OuterBorder label { width: 96%; } /*benefits statement 2 table css*/ table.bene-state-2-listviewtab, .bene-state-2-listviewtab thead, .bene-state-2-listviewtab tbody, .bene-state-2-listviewtab th, .bene-state-2-listviewtab td, .bene-state-2-listviewtab tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .bene-state-2-listviewtab thead tr { position: absolute; top: -9999px; left: -9999px; } .bene-state-2-listviewtab tr { border: 1px solid #ccc; margin: 25px 0 0; } .bene-state-2-listviewtab td { border: none; border-bottom: 1px solid #ccc !important; position: relative; padding-left: 50% !important; text-align:left } .bene-state-2-listviewtab td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; color:#323232; font-weight:bold; text-align:left } .bene-state-2-listviewtab td ul { padding-left: 0; } .bene-state-2-listviewtab td:nth-of-type(1):before { content: "S.no"; } .bene-state-2-listviewtab td:nth-of-type(2):before { content: "Benefit Name"; } .bene-state-2-listviewtab td:nth-of-type(3):before { content: "Employee Contributions Per Pay"; } .bene-state-2-listviewtab td:nth-of-type(4):before { content: "Employer Contributions Per Pay"; } .bene-state-2-listviewtab td:nth-of-type(5):before { content: "Covered Members"; } .bene-state-2-listviewtab td:nth-of-type(6):before { content: "Coverage Level"; } .bene-state-2-listviewtab td:nth-of-type(7):before { content: "Effective Date"; } .bene-state-2-listviewtab td:nth-of-type(8):before { content: "Tax Status"; } .bene-state-2-listviewtab td:nth-of-type(9):before { content: "Total"; } .benefittab-head { width: 58%; } /*benefits statement 2 table css*/ #employer-contribution-details td.totalamt { width:100px; } .userprofile-btn a.btn { padding: 6px 8px; margin-bottom: 9px !important; } .mpdgbox ul li { width:100%; padding:0 10px; } } @media screen and (max-width:560px) { .pic { max-width: 400px; max-height: 300px; display: block; -webkit-animation: none; animation: none; margin: 10px auto } .wrapper { padding: 20px } .userprofile-btn a.btn { width:100% } } @media screen and (max-width:480px) { /*Benefits Cart Popup New css style 21Dec2015 Start*/ td span.rwdtablesBC.thead { display: none; font-weight:600; } table.rwdtablesBC, .rwdtablesBC thead, .rwdtablesBC tbody, .rwdtablesBC th, .rwdtablesBC tbody, .rwdtablesBC td, .rwdtablesBC tr { display: block; } .rwdtablesBC thead, .rwdtablesBC th { position: absolute; top: -9999px; left: -9999px; font-weight:600; } .rwdtablesBC tfoot { display: block; text-align: right; } .rwdtablesBC tfoot td { display: inline-block; } td span.rwdtablesBC, td span.rwdtablesBC.thead { width: 50%; display: inline-block; text-align:left !important; vertical-align:top } .rwdtablesBC tfoot tr:nth-of-type(odd), .rwdtablesBC tfoot td { background: #333; color: white; font-weight: bold; border-bottom: none; } .rwdtablesBC tr { border: 1px solid #ccc; margin-bottom:25px; } .rwdtablesBC td { border: none; border-bottom: 1px solid #eee; position: relative; } table.resp-tabBC tr:last-child { display:block; } table.resp-tabBC .mymsgicon, .rwdtablesBC thead { text-align:center !important } table.resp-tabBC .costperpay { text-align:left !important; vertical-align:top } .bencart-total-div { display: none } .bencart-total-mobdiv { display: block; border:1px solid #ccc; } .bencart-total-mobdiv tr:first-child { background:#515c6b; color:#fff; } .bencart-total-mobdiv tr td.headcolor { color:#fff; } .bencart-total-mobdiv td { width:50%; border-bottom:1px solid #ccc; } .bencart-total-mobdiv td .amtright { width:50px; text-align:right; } table.resp-tabBC tr.bencart-total-div { border-bottom:none; display: none } /*Benefits Cart Popup New css style 21Dec2015 End*/ .dollar em { display:inline-block } .msgemp { display:none } .msgpagination td:nth-of-type(1):before { padding-left:25% !important; content:"" !important; } .logo { background-image: url("../SDLimg/logo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto auto; height: 110px; } .mpdgbox .mpdgtag { left:-5px; } .Credit-Hr-margin-480 { margin-top:23px; } .img-hovereffectt .mask { left: 45px; top: 55px; } .img-hovereffectt .mask { left: 45px !important; top: 55px !important; } .nbs-flexisel-item { margin: 0 10px; width: 205px !important; } table#documentspage, #documentspage thead, #documentspage tbody, #documentspage th, #documentspage td, #documentspage tr { display: block; } #documentspage thead { display:none } #listviewtab thead tr { position: absolute; top: -9999px; left: -9999px; } #documentspage tr { border: 1px solid #ccc; margin: 25px 0 0; } #documentspage td { border: none; border-bottom: 1px solid #ccc !important; position: relative; padding-left: 50%; } #documentspage td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; color:#323232; font-weight:bold } #documentspage td:nth-of-type(1):before { content: "S.No"; } #documentspage td:nth-of-type(2):before { content: "Documents"; } #documentspage td:nth-of-type(3):before { content: "Description"; } #documentspage td:nth-of-type(4):before { content: "Type"; } #documentspage td:nth-of-type(5):before { content: "File Size"; } #documentspage td:nth-of-type(6):before { content: "File Size"; } /*rider responsive css start*/ table td table.ridertabresponsive, table td table.ridertabresponsive thead, table td table.ridertabresponsive tbody, table td table.ridertabresponsive th, table td table.ridertabresponsive td, table td table.ridertabresponsive tr { display: block; } table td table.ridertabresponsive thead { display:none } .ridertabresponsive thead tr { position: absolute; top: -9999px; left: -9999px; } table td table.ridertabresponsive tr { border: 1px solid #ccc; margin: 25px 0 0; } table td table.ridertabresponsive td { border: none; border-bottom: 1px solid #ccc !important; position: relative; padding-left:45% !important; } table td table.ridertabresponsive td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; color:#323232; font-weight:bold } table td table.ridertabresponsive td:nth-of-type(1):before { content: "Option"; } table td table.ridertabresponsive td:nth-of-type(2):before { content: "Coverage Level"; } table td table.ridertabresponsive td:nth-of-type(3):before { content: "Per Paycheck Deduction"; } table td table.ridertabresponsive td:nth-of-type(4):before { content: "Period"; } table td table.ridertabresponsive td:nth-of-type(5):before { content: "Tex Status"; } table td table.ridertabresponsive td:nth-of-type(6):before { content: "Learn"; } /*rider responsive css end*/ .bene-state-listviewtab td { padding-left:30% !important; } .benefittab-head-display { width: 39%; } td.tabledisplay { display:none !important } .clearpadleft { padding-left:0 !important; } .bene-state-2-listviewtab { text-align: left; } .totalamt { text-align:left; height:55px !important } .form-horizontal .form-group { margin: 0 0 10px; } a.control-label { color: #55c0e0; text-align: left !important; text-decoration: underline; padding: 15px !important; } .tooltip-top { margin: 0; padding: 3px !important; } table#glossarypage, #glossarypage thead, #glossarypage tbody, #glossarypage th, #glossarypage td, #glossarypage tr { display: block; } #glossarypage thead { display:none } #glossarypage thead tr { position: absolute; top: -9999px; left: -9999px; } #glossarypage tr { border: 1px solid #ccc; margin: 25px 0 0; } #glossarypage td { border: none; border-bottom: 1px solid #ccc !important; position: relative; } #glossarypage td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; color:#323232; font-weight:bold } #glossarypage table { background:none !important } td.titlehd { text-align:left; font-weight:600; color: #364150; } .flex-main .flex-caption { margin: 0; padding: 0 10px; top: 0; width: 100%; } .flex-main .flex-caption .button { margin: 0; } #homepage .flexslider .slides { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); height: 215px; } #homepage .flexslider .slides img { display:none } #homepage .flex-direction-nav a { display:none } .singleitem-btn-2 { text-align: center !important; } .singleitem-btn { margin:0 0 10px !important; text-align: center !important; } .add-Decline-btn { float: left; margin: 0 0 10px; text-align: center; width: 100%; } .Decline-btn { float: left; margin: 0 0 10px; text-align: center; width: 100%; } .share2button .button { margin: 0 0 10px; text-align: center; } .thumbnail { padding: 0 7px 15px; } .additional-nav { text-align: center; } table#mesg, #mesg thead, #mesg tbody, #mesg th, #mesg td, #mesg tr { display: block; } #mesg thead { display:none } #mesg thead.mesg-toplink { display:block } #listviewtab thead tr { position: absolute; top: -9999px; left: -9999px; } #mesg tr { border: 1px solid #ccc; margin: 25px 0 0; } #mesg td { border: none; border-bottom: 1px solid #ccc !important; position: relative; padding-left: 25%; } #mesg td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; color:#323232; font-weight:bold } #mesg td:nth-of-type(1):before { content: "Date"; } #mesg td:nth-of-type(2):before { content: "From"; } #mesg td:nth-of-type(3):before { content: "Subject"; } #mesg td:nth-of-type(4):before { content: "Status"; } #mesg td:nth-of-type(5):before { content: "Delete"; } #mesg td.mymsgicon { text-align:left } #mesg thead.mesg-toplink > tr > th { text-align: center; } .mesg-toplink ul { padding-left:0 } #employeeprofile .padright-clear { padding-right:0; padding-left:0 } table#checkoutpage, #checkoutpage thead, #checkoutpage tbody, #checkoutpage th, #checkoutpage td, #checkoutpage tr { display: block; } #checkoutpage thead { display:none } #listviewtab thead tr { position: absolute; top: -9999px; left: -9999px; } #checkoutpage tr { border: 1px solid #ccc; margin: 25px 0 0; } #checkoutpage td { border: none; border-bottom: 1px solid #ccc !important; position: relative; padding-left: 50%; } #checkoutpage td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; color:#323232; font-weight:bold } #checkoutpage td:nth-of-type(1):before { content: "Name"; } #checkoutpage td:nth-of-type(2):before { content: "Description"; } #checkoutpage td:nth-of-type(3):before { content: "Price"; } .employeeprofilebtn .btn { width:100%; font-size:12px; } #mesg button, .msgcounting { margin: 5px !important; } .mesg-toplink .text-right { text-align:left } .mesg-toplink .hidecheck { display:inline-block } /*benefits statement table css*/ table.bene-state-listviewtab, .bene-state-listviewtab thead, .bene-state-listviewtab tbody, .bene-state-listviewtab th, .bene-state-listviewtab td, .bene-state-listviewtab tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .bene-state-listviewtab thead tr { position: absolute; top: -9999px; left: -9999px; } .bene-state-listviewtab tr { border: 1px solid #ccc; margin: 25px 0 0; } .bene-state-listviewtab td { border: none; border-bottom: 1px solid #ccc !important; position: relative; padding-left: 50%; } .bene-state-listviewtab td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; color:#323232; font-weight:bold } .bene-state-listviewtab td:nth-of-type(1):before { content: "S.no"; } .bene-state-listviewtab td:nth-of-type(2):before { content: "Benefit Name"; } .bene-state-listviewtab td:nth-of-type(3):before { content: "Description"; } .bene-state-listviewtab td:nth-of-type(4):before { content: "Total"; } #myTab a { padding:5px } /*benefits statement 2 table css*/ table.bene-state-2-listviewtab, .bene-state-2-listviewtab thead, .bene-state-2-listviewtab tbody, .bene-state-2-listviewtab th, .bene-state-2-listviewtab td, .bene-state-2-listviewtab tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .bene-state-2-listviewtab thead tr { position: absolute; top: -9999px; left: -9999px; } .bene-state-2-listviewtab tr { border: 1px solid #ccc; margin: 25px 0 0; } .bene-state-2-listviewtab td { border: none; border-bottom: 1px solid #ccc !important; position: relative; padding-left: 50% !important; } .bene-state-2-listviewtab td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; color:#323232; font-weight:bold } .bene-state-2-listviewtab td:nth-of-type(1):before { content: "S.no"; } .bene-state-2-listviewtab td:nth-of-type(2):before { content: "Benefit Name"; } .bene-state-2-listviewtab td:nth-of-type(3):before { content: "Covered Members"; } .bene-state-2-listviewtab td:nth-of-type(4):before { content: "Coverage Level"; } .bene-state-2-listviewtab td:nth-of-type(5):before { content: "Effective Date"; } .bene-state-2-listviewtab td:nth-of-type(6):before { content: "Tax Status"; } .bene-state-2-listviewtab td:nth-of-type(7):before { content: "Employee Contributions Per Pay"; } .bene-state-2-listviewtab td:nth-of-type(8):before { content: "Employer Contributions Per Pay"; } .bene-state-2-listviewtab td:nth-of-type(9):before { content: "Total"; } .benefittab-head { width: 60%; } /*benefits statement 2 table css*/ /*Add Beneficiray table css start*/ table.addmember-ben-dep, .addmember-ben-dep thead, .addmember-ben-dep tbody, .addmember-ben-dep th, .addmember-ben-dep td, .addmember-ben-dep tr { display: block; } .addmember-ben-dep thead { display:none } .addmember-ben-dep thead tr { position: absolute; top: -9999px; left: -9999px; } .addmember-ben-dep tr { margin: 25px 0 0; } .addmember-ben-dep td { border: none; position: relative; padding-left: 40% !important; text-align:left !important; margin:1px 0 0 0 !important } .addmember-ben-dep td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; color:#323232; font-weight:bold } .addmember-ben-dep td:nth-of-type(1):before { content: "Received"; } .addmember-ben-dep td:nth-of-type(2):before { content: "File Type"; } .addmember-ben-dep td:nth-of-type(3):before { content: "Upload"; } .addmember-ben-dep td:nth-of-type(4):before { content: "Description"; } .addmember-ben-dep td:nth-of-type(5):before { content: "Upload By"; } .addmember-ben-dep td:nth-of-type(6):before { content: "Upload Date"; } .addmember-ben-dep textarea { width:100% } .addmember-ben-dep .accordion input[type="checkbox"] { margin: 1px 0 0 0px!important; } /*Add Beneficiray table css end*/ /*rider table css*/ .OuterBorder label { width: 90%; } #compare .nav-tabs > li > a { padding:10px 7px } .mymsgicon { text-align:left !important } .editpropage .page-header { text-align:center } .editpropage .page-header h3 a { width:100%; margin:10px 0 } /*employer-contribution-details table css start*/ table#employer-contribution-details, #employer-contribution-details thead, #employer-contribution-details tbody, #employer-contribution-details th, #employer-contribution-details td, #employer-contribution-details tr { display: block; } #employer-contribution-details thead { display:none } #employer-contribution-details thead tr { position: absolute; top: -9999px; left: -9999px; } #employer-contribution-details tr { border: 1px solid #ccc; margin: 25px 0 0; } #employer-contribution-details td { border: none; border-bottom: 1px solid #ccc !important; position: relative; padding-left: 50% !important; } #employer-contribution-details td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; color:#323232; font-weight:bold } #employer-contribution-details td:nth-of-type(1):before { content: "S.No"; } #employer-contribution-details td:nth-of-type(2):before { content: "Benefit Name"; } #employer-contribution-details td:nth-of-type(3):before { content: "Description"; } #employer-contribution-details td:nth-of-type(4):before { content: "Employee Contributions Per Pay"; } #employer-contribution-details td:nth-of-type(5):before { content: " Employer Contributions Per Pay "; } #employer-contribution-details td:nth-of-type(6):before { content: "Total"; } table#employer-contribution-details { width: 100%; border-collapse: collapse; } #employer-contribution-details tr:nth-of-type(odd) { background:#F9F9F9; } #employer-contribution-details th { background: none repeat scroll 0 0 #323232; color: #fff; padding: 10px !important; } #employer-contribution-details td, #employer-contribution-details th { border-bottom: 1px solid #ddd; padding: 6px; vertical-align: top; } #listview-page-wrap table { clear:both } table#tableviewcart, #tableviewcart thead, #tableviewcart tbody, #tableviewcart th, #tableviewcart td, #tableviewcart tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ #tableviewcart thead tr { position: absolute; top: -9999px; left: -9999px; } #tableviewcart tr { border: 1px solid #ccc; margin: 25px 0 0; } #tableviewcart td { border: none; border-bottom: 1px solid #ccc !important; position: relative; padding-left: 50% !important; } #tableviewcart td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; color:#323232; font-weight:bold } #tableviewcart td:nth-of-type(1):before { content: "S.no"; } #tableviewcart td:nth-of-type(2):before { content: "Name"; } #tableviewcart td:nth-of-type(3):before { content: "Description"; } #tableviewcart td:nth-of-type(4):before { content: "Total"; } #tableviewcart .totalamt { width: 100%; text-align:left !important } .accordion input[type="checkbox"] { margin: 1px 0 0 0 !important; } } @keyframes anima { from { margin-top: -50px; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0 } to { margin: auto; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } } @-webkit-keyframes anima { from { margin-left: -20px; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0 } to { margin-left: 10px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } } @media screen and (max-width:360px) { } @media screen and (min-width:320px) and (max-width:360px) { /*.flex-control-nav li { display:none !important; }*/ .flex-control-nav li { margin: 14px 1px; } .flex-direction-nav a { display:none } .view { width: 100% !important; } .view img { width:auto; height:100%; margin: 0 auto; } .img-hovereffectt .mask { left: 110px !important; top: 60px !important; } .col-xs-6 { width: 100%; } .h3, h3 { font-size: 18px; } .nbs-flexisel-item { margin: 0 10px; width: 308px !important; } .form-horizontal .form-group { margin-left: 0; margin-right: 0; } a.control-label { color: #55c0e0; text-align: left !important; text-decoration: underline; padding: 15px !important; } .eventsbirth-sub .text-right { text-align:left; margin-top:10px } .tablesubmitted2 td { border-top: medium none !important; vertical-align: top !important; } .tablesubmitted2 > tbody > tr > td, .tablesubmitted2 > tbody > tr > th, .tablesubmitted2 > tfoot > tr > td, .tablesubmitted2 > tfoot > tr > th, .tablesubmitted2 > thead > tr > td, .tablesubmitted2 > thead > tr > th { border-top: 1px solid #ddd; line-height: 1.42857; padding: 5px; vertical-align: top; } #homepage .flexslider .slides { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); height:300px !important; } #homepage .flexslider .slides img { display:none } #homepage .flex-main .flex-caption p { margin: 0 0 15px; } #homepage .nav-tabs { border-bottom: 1px solid #ddd; margin: 0 0 10px; width: 100%; } .bene-state-listviewtab .totalamt { text-align: left !important; width: auto; } .bene-state-2-listviewtab td { padding-left: 70% !important; } .pic img { width: auto !important; } .plan-compar-modal-dialog h4 { font-size: 13px; line-height: 22px; } #loginform .btn, #forgotpassword .btn, #regsitration .btn, #forgotusername .btn { margin: 10px 0; } #loginform p, #forgotpassword p, #regsitration p, #forgotusername p { width: 91%; } .form-horizontal .form-group { margin: 0 0 10px; } .logo { background-image: url("../SDLimg/logo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto auto; height: 110px; } #mesg thead.mesg-toplink > tr > th { font-size: 11px; font-weight: normal; text-align: left; vertical-align: middle !important; } .employeeprofilebtn .btn { width:100% } #mesg button, .msgcounting { margin: 0 0 10px !important; } #DivControlLogin a.control-label { margin: 0 0 0 15px !important; padding: 0 !important; } .mesg-toplink .text-right { text-align:left } .mesg-toplink button.btnunread { display: inline-block; width: 49%; } .mesg-toplink .hidecheck { width:100% } .mesg-toplink ul { padding-left:0 } .des-editbtn { text-align: center; width: 100%; } .modal-footer { width:100%; text-align:center !important } .OuterBorder label { width: 90%; } #compare .nav-tabs > li > a { width:100%; border-bottom:1px solid #ccc } #compare .nav > li { width: 100%; } #contact input, #contact optgroup, #contact select, #contact textarea { color: inherit; font: inherit; margin: 0; width: 100%; } ul#myTab li { width:100% } ul#myTab li a { border-bottom:1px solid #ccc } .benefittab-head { width: 58%; } .mymsgicon { text-align:left !important } #employer-contribution-details td { padding-left: 72% !important; } table td table.ridertabresponsive td { padding-left:55% !important; } .Credit-Hr-margin-480 { margin-top:0; } } @media screen and (max-width:320px) { .nbs-flexisel-item { width:248px !important; } .nbs-flexisel-item { margin: 0 10px; width: 267px !important; } .timeout-dialog { text-align:center; top: 156px !important; width: 300px !important; left: 10px !important; } .mymsgicon { text-align:left !important } } /* List view css style*/ table#listviewtab { width: 100%; border-collapse: collapse; } #listviewtab tr:nth-of-type(odd) { background:#F9F9F9; } #listviewtab th { background: none repeat scroll 0 0 #323232; color: #fff; padding: 10px !important; text-align: left; } #listviewtab td, #listviewtab th { border-bottom: 1px solid #ddd; padding: 6px; vertical-align: top; } /* ebenefits statement css style*/ table.bene-state-listviewtab { width: 100%; border-collapse: collapse; } .bene-state-listviewtab tr:nth-of-type(odd) { background:#F9F9F9; } .bene-state-listviewtab th { background: none repeat scroll 0 0 #323232; color: #fff; padding: 10px !important; text-align: left; } .bene-state-listviewtab td, .bene-state-listviewtab th { border-bottom: 1px solid #ddd; padding: 6px; vertical-align: top; } /* ebenefits statement 2 css style*/ table.bene-state-2-listviewtab { width: 100%; border-collapse: collapse; } .bene-state-2-listviewtab tr:nth-of-type(odd) { background:#F9F9F9; } .bene-state-2-listviewtab th { background: none repeat scroll 0 0 #323232; color: #fff; padding: 10px !important; text-align: center; } .bene-state-2-listviewtab td, .bene-state-2-listviewtab th { border-bottom: 1px solid #ddd; padding: 6px; vertical-align: top; } /* ebenefits viewcart css style*/ table#tableviewcart { width: 100%; border-collapse: collapse; } #tableviewcart tr:nth-of-type(odd) { background:#F9F9F9; } #tableviewcart th { background: none repeat scroll 0 0 #323232; color: #fff; padding: 10px !important; } #tableviewcart td, #tableviewcart th { border-bottom: 1px solid #ddd; padding: 6px; vertical-align: top; } .modal-header h3 { color:#fff; } .datepicker { z-index:1151 !important; } .des-editbtn { margin:0 0 10px; line-height: 13px; } #contact textarea { resize: none; } ul.editsurveyaccordion { padding-left:0; background: #fff none repeat scroll 0 0; border: 1px solid #e5e5e5; border-radius: 4px; width: 100%; position:relative } .editsurveyaccordion li { list-style:none } .editsurveyaccordion li i { position:absolute; top:10px; right:10px; } .before-survey-hd { background: #f9f9f9 none repeat scroll 0 0; color: #5eb2d9 !important; font-size: 11px !important; padding-bottom: 8px !important; padding-right: 35px !important; padding-top: 8px !important; text-align: right; font-weight:600; cursor:pointer } .editsurveyaccordion li.open i.fa-chevron-up-small { background-image: url("../img/glyphicons-halflings.html"); background-position: -262px -122px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } /*eBenefits survey page */ .lblGrid1 { color: #000100; background: #EEEEEE; font: 11px Arial, Helvetica, Verdana, sans-serif; color: #FF0000; } .lblGrid2 { color: #000100; background: #EEEEEE; font: 11px Arial, Helvetica, Verdana, sans-serif; color: #000000; } select { border: 1px solid #093A81; } .SurveyDisplayText { color: green; font-size: medium; } .EndSurveyDisplayText { color: blue; font-size: medium; font-weight: bold; } .btnSaveSurvey { border-width: 0; position: absolute; right: 55%; } .dtGrid tbody tr td input[type="radio"] { margin-left: 0px !important; margin-right: 5px !important; vertical-align: top; } ./*.dtGrid tbody tr td label { width: 95% !important; }*/ .err { font: bold 11px Arial, Helvetica, Verdana, sans-serif; color: #FF0000; margin-top:10px; margin-bottom:10px; font-weight:bold; background-color:#f2dede; border-color:#ebccd1; } .succ { font: bold 11px Arial, Helvetica, Verdana, sans-serif; color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; margin-top:10px; margin-bottom:10px; font-weight:bold; } #listview-page-wrap .button { width:80px !important; } #listview-page-wrap .chkcompareList { width: 85px !important; } @media screen and (min-width:320px) and (max-width:360px) { .logo { /*background-image: url("../ImageStore/Clients/Royalvalley/Images/rvhs-logo.png");*/ background-image: url("../SDLimg/logo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto auto; height: 110px; } .mpdgbox .mpdgtag { left:-5px; } } /*iPhone MediaQuery css start*/ @media screen and (max-width:375px) { #contact input[type=file] { width:100% !important } .bene-state-2-listviewtab td { padding-left: 60% !important; } .flex-control-nav li { margin: 0 1px !important; } .flex-control-nav { right: -8px !important; } #homepage .flexslider .slides { height: 280px; } .button a, .button a:visited { padding: 3px 5px; } .thumbnail { padding: 0 5px 15px; } .userprofile-btn a.btn { width:100%; border-radius:0; margin-bottom:0 } .breadcrumb li#edit-btn { float:none !important } .mpdgbox .col-xs-6 { width:100% } .mpdgbox .mpdgtag { left:-6px; } } } /*iPhone MediaQuery css end*/ /*Added by Srinivasan for SDLINC*/