@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: myriad-pro;
    src: url(../../Styles/fonts/Myriad_Pro_Regular.ttf);
}
body{padding:0; margin:0;  background-size:cover;font-family:myriad-pro !important}
/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {border:0 none;font:inherit;margin:0;padding:0;vertical-align:baseline;list-style:none; font-family: "Lato",sans-serif;}*/
/*article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}*/
.logo {background:white;}
.year {
    float: left;
    width: 100%;
    background: #e0470f;
    border: none;
    text-indent: 7px;
    margin-left: 2px;
    border-radius: 8px;
}
.year_label{width: 48%;}.login_icon{left: 78px;}
.logo img{margin-left:7%;margin-bottom:1%;}
.login_info{ width: 25% !important;}
.go-back
{
    float: right;
    margin-top: -18px;
    font-size: 11px;
    cursor: pointer;
    color: #e52360;
    cursor:pointer;
}
.login_backg{background:url(/UI/Login/images/background_img.jpg) no-repeat;background-size:cover;}
.login_backg1{background:url(/UI/Login/images/background_img1.jpg) no-repeat;background-size:cover;background-attachment:fixed;}
.range_icon span{padding: 10px 0px !important; border-radius: 5px 5px 5px 5px !important;}
.marriage .fa,.business .fa, .car .fa, .child .fa, .higher .fa, .house .fa, .life .fa,
    .retirement .fa, .tax .fa, .vacation .fa{font-size: 30px !important;
    color: #fff;
    position: absolute;
    margin-top: 25px;
    margin-left: -13px;}
    .fa_icons .fa{position: relative;
    margin: 0;}
option{ padding:10px 0; font-size:14px; color:#444444; line-height:50px;}
table {border-collapse: collapse; border-spacing: 0; width: 100%;}
tr:nth-child(even){background-color: #f2f2f2}
tr { display: table-row; vertical-align: inherit; border-color: inherit;}
thead {display: table-header-group; vertical-align: middle; border-color: inherit;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding:10px 12px; border-top: 1px solid #d9d9d9;text-align: left;font-size: 14px;color: #878787;}
button{ cursor:pointer;}
.clearfix{ clear:both;}
#main_container { width:980px; margin: 0 auto; display:table; box-shadow:0 3px 5px -1px rgba(0,0,0,.2), 0 5px 8px 0 rgba(0,0,0,.14), 0 1px 14px 0 rgba(0,0,0,.12); margin-top:1%;margin-bottom:3%;}
.header{ background:#00a1cc; padding:5px 0 0 0;}
.inner_block{ width:100%; margin:40px auto; background:#ffffff; padding:20px 0; box-sizing:border-box;  border-radius:4px;  display: table; box-shadow:1px 2px 5px -1px #a0a0a0;}
.login_info{ display:table-cell; width:45%; background:#424242; border-radius: 4px 0 0 4px; padding:15px 0; position:relative;text-align:center;}
.container_block { box-sizing: border-box; margin: 0 auto; padding:0; width: 100%; margin-top: 20px; margin-bottom: 20px;}
.login_block{width: auto;display: table-cell;vertical-align: middle;float: right;margin: 6px 0 0 0;}
.login_block label{     color: #ffffff;font-size: 14px; display: table-cell;vertical-align: middle;     padding: 0 13px 0 0;}
.login_block span{ background: #76c6dc; width:31px; height: 40px; border-radius: 100%; display: table-cell; vertical-align: middle; position:relative;padding: 0 0 0 11px; cursor:pointer;}
.login_block span em.login_icon{ background:url(/UI/Login/images/sprite.png) no-repeat  -12px -80px; width:19px; height:21px; float: left;}
.user_list{position: absolute; width: 140px; border: 1px solid #ddd;box-shadow: 1px 2px 5px -1px #a0a0a0;right: 0;top:58px;background: #fff;border-radius: 4px; display:none;z-index: 99;}
.login_container{background:#eeecf9; border-radius:4px; width:55%; margin:0 auto; display:table-cell; vertical-align: middle; /*padding:35px 0 35px 0;*/}
.login_heading{text-align: center; font-size: 24px;padding:10px 21px 0px 21px;color: #000;border-radius: 5px 5px 0 0; font-weight: 400;}
.login_heading em{font-weight: 300; display: block; font-size: 18px; padding: 14px 0 0 0;font-style:normal;}
.login_inner_box{ width:100%; padding:40px 40px 20px 40px; box-sizing:border-box;} 
ul.logininput{width:100%; margin:0; padding:0;}
ul.logininput li{width:100%; margin:0 0 10px 0; padding:0; list-style:none; border-radius:5px; border:1px solid #dbdce6; display:table; box-shadow: 0 5px 5px -3px rgb(221, 221, 221), 0 8px 10px 1px rgba(221, 221, 221,.14), 0 3px 14px 2px rgba(221, 221, 221,.12);}
/*ul.logininput li:last-child{ margin:0 0 10px 0;}*/
ul.logininput li span{display:table-cell; background:#e0470f; padding:15px 20px;border-radius:5px 0 0 5px; width:14%;text-align:center;}
ul.logininput li span em.globe_icon{ background:url(/UI/Login/images/sprite.png) no-repeat -13px -12px; width:31px; height:31px; display:inline-block; }
ul.logininput li span em.mobile_icon{ background:url(/UI/Login/images/sprite.png) no-repeat -57px -12px; width:31px; height:31px; display:inline-block; }
ul.logininput li span em.password_icon{ background:url(/UI/Login/images/sprite.png) no-repeat -104px -12px; width:31px; height:31px; display:inline-block; }
ul.logininput li span em.user_icon{ background:url(/UI/Login/images/sprite.png) no-repeat -155px -10px; width:31px; height:31px; display:inline-block; }
ul.logininput li span em.email_icon{ background:url(/UI/Login/images/sprite.png) no-repeat -212px -10px; width:31px; height:31px; display:inline-block; }
ul.logininput li span em.calender_icon{ position: absolute; margin-top: -6px;background:url(/UI/Login/images/sprite.png) no-repeat -13px -56px; width:31px; height:31px; display:inline-block; }
ul.logininput li span em.re_password_icon{ background:url(/UI/Login/images/sprite.png) no-repeat -58px -55px; width:31px; height:31px; display:inline-block; }
ul.logininput li font{display:table-cell;background: #add8e6;font-size:14px;text-transform:capitalize; color:#414150;vertical-align: middle;width:22%;text-align:left;     font-weight:400;padding:0 10px; box-sizing:border-box; }
ul.logininput li label{display:table-cell; background:#ffffff;vertical-align: middle;border-radius: 0 4px 4px 0;padding: 0 0 0 10px; font-weight: normal; border:none;}
ul.logininput li label button{ background:#00a1cc; color:#ffffff;text-align:center;font-size:18px;width:40%;margin:0;padding:15px 0;border:0;box-sizing: border-box; border-radius:0 4px 4px 0;}
ul.logininput li label button.otp_no{min-width: 50%; height: 63px; font-size: 16px;}
ul.logininput li label input[type="text"]{border: none;background: #ffffff;padding:10px 10px 10px 0;margin: 0;width: 100%;box-sizing: border-box; font-size:16px; color:#5d6068;text-indent: 10px;}
ul.logininput li label input.min_wid[type="text"]{width: 40px; padding-right: 0;}
ul.logininput li label select.min_wid{width: 25%; padding: 10px 0 10px 10px; box-sizing: border-box;}
ul.logininput li label input.max_wid[type="text"]{ width:66%; padding-left:0;}
ul.logininput li label input.name_wid[type="text"]{ width:75%; padding-left:10px;}
ul.logininput li label input.maxpassword_wid[type="text"]{ width:50%; }
ul.logininput li label select{border: none;background: #ffffff;padding: 10px;margin: 0;width:97%;box-sizing: border-box; font-size:16px; color:#5d6068;}
ul.logininput li label input[type="password"]{ border: none;background: #ffffff;margin:0;width:100%;box-sizing:border-box;font-size:16px;color:#5d6068;}
.login_inner_box p{text-align: left;font-size:13px;color: #1e1e1e;margin:10px 0;padding: 0;}
.login_inner_box p.forgot{ text-align:right;}
.login_inner_box p a{color: #23a8e5; text-decoration:none;}
.login_inner_box p a:hover{color:#23a8e5;}
.login_inner_box button{background:#fa774d;color: #ffffff;text-align: center;font-size: 22px; margin:0; padding:15px 0; border: 0;border-radius:5px; box-sizing: border-box; min-width:266px; box-shadow:0 3px 5px -1px rgba(0,0,0,.2), 0 5px 8px 0 rgba(0,0,0,.14), 0 1px 14px 0 rgba(0,0,0,.12); letter-spacing:1px; position:relative;}
.login_inner_box button.diable_mode{ background:#bdc3c7;}
.login_inner_box button:hover{transition: all 0.3s ease;}
.login_inner_box button em{background: url(/UI/Login/images/sprite.png) no-repeat -341px -268px; width:12px;height:16px;display: inline-block; position:absolute;right: 43px; top: 22px;}
.login_subtext h1{padding: 20px 0 0 0; margin: 0 0 5px 0;font-size: 22px;color: #ffffff;font-weight: 400;text-align: center;}
.login_subtext{ width:100%; padding:6px 25px; margin:0; box-sizing:border-box;}
ul.subtext_data{ width: 100%;padding: 0;margin: 0;box-sizing: border-box; text-align: center;}
ul.subtext_data li{color: #ffffff;font-size: 14px;font-weight: 300;line-height: 25px;margin: 0;padding: 0;list-style:none;}
/*ul.subtext_data li:before {content: "• ";color:#ffffff; font-size:17px; font-weight:400;  margin: 0 3px 0 0;}*/
.insurer_logo{background: #ffffff;font-size: 15px; border: 0;display: table-cell; border-radius: 0 4px 4px 0;  padding: 10px;}
.create_password_block{ margin:0;}
ul.logininput li span.blank_icon {background: #fff;padding: 0;margin: 0; border-radius: 0; width: 1px!important;  height: 0px!important; border: none; display: inline-block;}
ul.logininput li span.glyphicon-calendar::before {content:"";    }
.successful{display: block; text-align: center; color: #1e1e1e;font-size: 13px; text-align:center; padding:0 0 7px 0;}
.error{display: block; text-align: center; color:#ff0000;font-size:10px; text-align:center; padding:0 0 7px 0;}
.blank_icon{    font-size: 22px; color: #b3b2b2; border: none; position: absolute; right: 9px; top: 16px;}
ul.logininput li label input.dob[type="text"]{width:90%;}
.navbar-fixed-bottom, .navbar-fixed-top{ position:relative;}
.arrow_div {position: absolute; background: url(/UI/Login/images/sprite.png) no-repeat -5px -365px; width: 64px;height: 64px;display: none;right: -27px;top:147px;}
.login_icon{width: 101px;height: 99px; display: inline-block;top: 21px;
            background: url(/UI/Images/dummy.png) no-repeat;border-radius:50%;background-size: cover;}
.marriage_icon{background: url(/UI/Images/products-images/marriage_icon.png);}
.retirement_icon{background: url(/UI/Images/products-images/retirement_icon.png);}
.car_icon{background: url(/UI/Images/products-images/car_icon.png);}
.life_icon{background: url(/UI/Images/products-images/life_icon.png);}
.higher_icon{background: url(/UI/Images/products-images/heigher_icon.png);}
.house_icon{background: url(/UI/Images/products-images/home_icon.png);}
.vacation_icon{background: url(/UI/Images/products-images/travel_icon.png);}
.child_icon{background: url(/UI/Images/products-images/child_icon.png);}
.tax_icon{background: url(/UI/Images/products-images/taxplan_icon.png);}
.business_icon{background: url(/UI/Images/products-images/business_icon.png);}
.login_proceed{text-align:center;}
.navbar-inverse {background-color:transparent; border-color:transparent;}
.input-group-addon{display: inline; padding: 0px; border-radius: 0; border: none; margin: 0;position: absolute;top: 22px;right: 28px;}
 .navbar-inverse { background: transparent;    border-color: transparent;    }
 .navbar{border:none!important;}
 .otp_txt{text-align: left;font-size: 12px;padding: 0 10px 10px 0;color: #1e1e1e; margin:0; float: none; display: block;}
 .otp_txt a {color:#23a8e5;}
 .otp_txt a:hover {color: #23a8e5;}
 @media(max-width:570px)
{
 .year{margin-right: 15%;text-align: center;width:70%;float:right;text-indent:0 !important;}
  ul.logininput li label{display:inline-block;}
  .year_label{padding:0 !important;width:95%;}
    }
    @media(max-width:400px){.year{width:85%;margin-right:10%;}}
    @media(min-width:700px) and (max-width:1023px)
{#main_container{width:75% !important;margin:3% auto !important;}}
ul.logininput li font{
    display: table-cell;
    background: #424242;
    font-size: 14px;
    text-transform: capitalize;
    color: #ffffff;
    vertical-align: middle;
    width: 86%;
    text-align: center;
    font-weight: 400;
    padding: 0 10px;
    box-sizing: border-box;
    position: absolute;
    border-radius: 0 5px 5px 0;}
ul.logininput li .myfont {
    background: #424242;
    width: 22%;
    position: relative;
    text-align: left;
}
    ul.logininput li .year_label
    {
            display: table-cell;
    background: #ffffff;
    vertical-align: middle;
    border-radius: 0 4px 4px 0;
    padding: 10px;
    font-weight: normal;
    border: none;
    position: absolute;
    width: 86%;
    margin-top:22px;}
    .numbersOnly{margin-top: 75px;
    width: 50%;
    margin-left: 25%;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #fff;}
    .crmnumbersOnly{text-align:left;}
    .logininput img{width:100%;margin-top:5px;}
    ul.logininput li{width:100%;position:relative;}
   @media(max-width:570px)
   {
       .logininput img{display:none;}.numbersOnly{margin-top:50px;}ul.logininput li .year_label,ul.logininput li font{width:70%;}
       ul.logininput li .year_label{margin-top:35px;}}
       
     .announcements .fa,.announcement_contant i{color:#e79737;margin:0 10px;}
    .announcements h2{color:#fff;}
    .announcement_contant{background:#3b4c61;border-radius:5px;margin-top:5px;}
    .announcement_contant h3{color:#08749f;margin-top:0px;}
    .announcement_contant .box{padding:10px;}
    .padding_top0{padding-top:20px;}
    .announcement_contant h4{color:#fff;padding:5px;border-radius:2px;margin:5px 0;font-size:14px;}
    .dashboard li{background:#015d8c;margin:12px 0 !important;font-weight:700;border-radius:2px;}
    .dashboard li:hover{background:#fff;color:#424242 !important;cursor:pointer;}
    .dashboard_container{width:80% !important;margin-top:2% !important;}
    .dashboard_container .login_info{width:15% !important;background:#add8e6;text-align:center;}
    .dashboard_container .login_container{background:#fff;}
    .dashboard .diff{background:#dc4e41;}
    .white{color:#fff;}