@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&display=swap');
body { font-family: 'Quicksand', sans-serif; color: #434343 !important; overflow-x: hidden; font-weight: 500 !important; font-size: 14px !important; }
.popover { font-family: 'Quicksand', sans-serif; font-weight: 500 !important; font-size: 13px; }
button { font-weight: 500 !important; }
::-webkit-scrollbar { width: 5px }
::-webkit-scrollbar-track { background: #f1f1f1 }
::-webkit-scrollbar-thumb { background: #888 }
::-webkit-scrollbar-thumb:hover { background: #555 }
.actpg { background: #fff; margin: auto; text-align: center; margin-top: 50px; width: 425px !important; padding: 30px 25px; border-radius: 5px; }
    .actpg .logbrand img {
        max-width: 120px;
        text-align: center;
        height: 50px;
        margin-top: 12px
    }
.actpg .nas-header { color: #333; font-size: 22px; margin-bottom: 10px }
.actpg .alert { border-radius: 3px !important; text-align: left; padding: 10px; color: #434343 !important; margin-bottom: 15px }
.actpg .lbl { text-align: left; float: left; width: 100% }
.actpg .form-control { height: 42px !important; margin-bottom: 15px }
.actpg .btn { width: 100%; padding: 15px 20px !important; font-weight: 600; }
.actpg .gde { text-align: left }
img.cachlogo { width: 100px; position: relative; margin-top: 10px; margin-bottom: 15px }
.container.bcash { width: calc(100% - 100px) }
.bcash .container { width: 100% }
.bcash p { font-size: 16px; line-height: 22px; color: #555 }
.bcash ul li { font-size: 16px; line-height: 22px; color: #555 }
.divdis img { width: 100%; float: left; margin-bottom: 10px }
.divdis { float: right; width: 250px; margin-left: 20px }
.bcash h2 { font-size: 25px; margin-bottom: 10px !important }
img.cshbr { width: 200px; float: right; margin-left: 20px; margin-bottom: 10px }
.s-login { background: url(../img/bg.jpg) top center no-repeat; background-size: cover; height: 100%; min-height: 100vh; float: left; }
.s-login .s-header-l { background: 0 0; padding: 0; margin: 0 }
.s-login .s-header-l .navbar { background: 0 0; border: 0; width: 1200px; margin: auto; margin-top: 50px }
.s-login .s-header-l .navbar img { width: 180px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) }
.s-login .s-header-l .navbar .navbar-brand { margin: 0; padding: 0; height: auto }
.s-login .login-inner { margin: auto; padding-top: 50px; }
.s-login .login-inner .right-app { text-align: center }
.s-login .login-inner .right-app img { text-align: center; width: 450px }
.s-login .login-inner .right-app .app-logo { margin-top: 10px; text-align: center }
.s-login .login-inner .right-app .app-logo a { margin: 5px }
.s-login .login-inner .lft-form h3 { color: #fff; font-size: 30px; margin-bottom: 30px; line-height: 22px }
.s-login .login-inner .lft-form h3 span { font-size: 18px }
.s-login .login-inner .lft-form label { color: #fff; margin-bottom: 10px }
.s-login .login-inner .lft-form .input-group { display: block; float: left; width: 100% }
.s-login .login-inner .lft-form .flds { margin-bottom: 35px !important; float: left; width: 100% }
.s-login .login-inner .lft-form .input-group .input-group-addon { position: absolute; z-index: 99; left: 3px; top: 3px; height: 44px; font-size: 15px; color: #7a7a7a; border-radius: 50px !important; width: 44px; border: 0; display: flex; align-items: center; justify-content: center; background: #fff }
.s-login .login-inner .lft-form input { color: #fff; width: 100%; }
.s-login .login-inner .lft-form .input-group .nas-text { background: 0 0; border: 2px solid rgba(255, 255, 255, .49); padding-left: 55px; border-radius: 50px !important; height: 50px !important; font-size: 14px; }
.s-login .login-inner .lft-form:after { content: ''; position: absolute; width: 1px; height: 70%; background: rgba(255, 255, 255, .32); right: 0; top: 20%; display: none }
.s-login .login-inner .lft-form { padding-right: 120px !important }
.s-login .login-inner .lft-form .log { background: transparent; border-radius: 50px !important; border: 2px solid rgba(255, 255, 255, .49); color: #fff; padding: 14px 22px !important; float: left; font-size: 15px !important; transition: all .3s; font-weight: 600; }
.s-login .login-inner .lft-form .log:hover { background: #fff; color: #222; }
.s-login .login-inner .lft-form .log:hover img { filter: unset; }
.s-login .login-inner .lft-form .log img { width: 20px; height: 20px; }
.s-login .login-inner .lft-form .frgt { padding: 0 !important; background: 0 0 !important; border: none; float: left; width: 50%; transition: all .2s; text-align: left; color: #fff; }
.s-login .login-inner .lft-form label.reg { float: right; width: auto; display: inline-block; text-align: right; margin: 0; }
.s-login .login-inner .lft-form label.reg a { color: #fff; transition: all .2s; font-weight: 600; font-size: 14px; }
.s-login .login-inner .lft-form .input-group img { width: 16px; height: 100% }
.s-login .login-inner .logbrand img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); width: 75px }
.s-login .login-tit { margin: 0; padding: 0; color: #fff; font-size: 20px; display: flex; align-items: center; }
.s-login .login-inner .form-group-header { margin: 0; float: left }
.frgt-p .right-app img { width: 400px }
.s-login .login-inner .lft-form .inptfld { background: 0 0; border-radius: 50px !important; border: 1px solid rgba(255, 255, 255, .49); height: 50px !important; line-height: 50px }
.s-login .login-inner .lft-form .inptfld button { background: 0 0; border: 0; line-height: 38px; color: #fff }
.s-login select option { color: #666 }
.frgt-p input[type=checkbox] { float: left; margin-right: 5px }
.reg-p label { margin-bottom: 10px }
.reg-p .btn.dropdown-toggle.btn-default { background-color: transparent !important; border: 1px solid rgba(255, 255, 255, .49); padding-left: 55px; border-radius: 50px !important; height: 45px !important }
.reg-p .form-control .dropdown-menu { top: 50px }
.reg-p .form-control { height: 45px !important; }
.reg-p .input-group.date .input-group-addon { position: absolute; z-index: 99; left: 3px; top: 3px; color: #777; display: flex; align-items: center; justify-content: center; height: 39px; border-radius: 50px !important; width: 39px; background: #fff; border: 0 }
.reg-p .input-group.date .input-group-addon i { margin: 0; font-size: 15px; }
.reg-p .date .add-on img { width: 16px; height: 100% }
.reg-p .input-group { display: block; float: left; width: 100% }
.reg-p .date input { padding-left: 40px; width: 100%; }
.reg-p .inpcaptcha { width: 60% }
.reg-p .inpcaptcha input { height: 45px !important; }
.reg-p .nas-txtCaptcha { border: 1px solid #ced4da; float: left; width: 100%; text-align: left; height: 45px !important; font-size: 20px; font-family: 'Poppins', sans-serif; }
.reg-p .btns { float: left; width: 40%; position: relative; }
.reg-p .btns .rfrsh { position: absolute; right: 5px; top: 11px; background: url(../img/captcha.svg) no-repeat center; background-size: 22px; border: 0; opacity: .6; height: 22px; }
.reg-p input[type=checkbox] { float: left; margin-right: 5px }
.reg-p .lbl { float: left; }
.div-sep { margin-bottom: 12px !important }
.reg-p .btn-c { display: flex; align-items: center; float: left; border: 0; color: #fff; padding: 10px 20px !important; font-size: 15px !important; margin-right: 5px; margin-top: 10px }
/*.reg-p .btn-c img { width: 20px; margin-right: 4px; }*/
.reg-p .btn-c i { height: 18px; margin-right: 5px; }
.reg-p .cncl img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) }
.s_main { background: #fff; margin: 0; padding: 0; width: 80%; padding-left: 80px }
.s_main .navbar-brand img { height: 45px; max-width: 120px; }
.s_main .content { float: left; width: 100%; margin: 0; padding: 0; max-width: none; display: block; padding: 0 50px 0 50px }
.page-header-nas { margin: 0; padding: 20px 52px 0 52px; margin-bottom: 15px }
.nas-nav { margin: 0; padding: 0; border: 0; height: auto; min-height: unset }
.navbar-brand { padding: 0; margin: 0; height: auto }
.nas-nav .nav { float: left }
.nas-nav .m-nav { float: left; display: flex; margin-right: 12px }
.nas-nav .m-nav img { width: 20px; }
.nas-nav .m-nav a { margin-left: 12px; transition: all .2s; border-radius: 12px; max-width: none; width: 42px; height: 42px; border: 1px solid #ddd; float: left; display: flex; align-items: center; justify-content: center; color: #555; font-size: 18px; padding-top: 5px; }
.nas-nav .m-nav a:hover { background: #F7F8FB; }
.nas-nav img.nav-user-photo { border-radius: 12px; max-width: none; width: 42px; height: 42px; border: 1px solid #ddd }
.s_main .content .welcome { border: 1px solid #eaedf3;  background: url(../img/welcome-bg-new.svg) no-repeat right 25px center #F7F8FB; width: 68%; float: left; margin-right: 2%; background-size: 25%; height: 325px; border-radius: 25px; padding-left: 40px; display: flex; align-items: center; /*-webkit-box-shadow: 0 5px 20px -5px rgb(0 0 0 / 7%); box-shadow: 0 5px 20px -5px rgb(0 0 0 / 7%);*/ }
.s_main .content .welcome h1 { color: #000; font-size: 25px; text-align: left; margin: 0; margin-top: 10px; font-weight: 600; margin-bottom: 15px }
.r8grd { float: left; width: 30%; background: #b6e4ed; /*border: 1px solid #eaedf3;*/ border-radius: 25px; height: 325px; padding: 15px; /*-webkit-box-shadow: 0 5px 20px -5px rgb(0 0 0 / 7%); box-shadow: 0 5px 20px -5px rgb(0 0 0 / 7%);*/ }
.r8grd img.hmain { width: 180px; margin-right: 10px; }
.r8grd .boxr { float: left; width: 100%; background: #f4f7fa; border-radius: 15px; position: relative; margin-bottom: 20px }
.r8grd .boxr img { width: 35px; max-width: none !important; max-height: none !important; transition: all .2s }
.downlft { display: flex; align-items: center; text-align: left; }
.dwnlftcont h3 { font-size: 20px; font-weight: 600; color: #000; }
.dwnlftcont p { font-size: 15px; }
.dwnlg { text-align: center; margin-top: 30px; }
.r8grd .boxr .dvHover { text-align: left; height: 140px; padding: 20px; border-radius: 15px; transition: all .2s; border: 1px solid #eaedf3; background: url(../img/more.svg) no-repeat right 20px center; background-size: 25px }
.r8grd .boxr .dvHover i, .s_main .content .grids .box .dvHover span { background: #fff; width: 40px; float: left; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 10px; -webkit-box-shadow: 0 5px 20px -5px rgb(0 0 0 / 10%); box-shadow: 0 5px 20px -5px rgb(0 0 0 / 10%); }
.r8grd .boxr .dvHover i, .s_main .content .grids .box .dvHover span i { font-size: 20px; height: 24px; }
.r8grd .boxr img { width: 35px; max-width: none !important; max-height: none !important; transition: all .2s }
.r8grd .boxr h4 { font-size: 15px; float: left; margin: 0; position: absolute; bottom: 20px; color: #434343; }
.secgrid { margin: 0px 0 50px 0 !important; }
.dwnlg img { width: 140px; border-radius: 7px; }
.no-mar-bt { margin-bottom: 0 !important }
.r8grd .boxr .dvHover:hover { background: url(../img/more.svg) no-repeat right 30px center #1169ca; color: #fff; border-radius: 15px; background-size: 25px; transition: all .2s }
.r8grd .boxr .dvHover:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); transition: all .2s }
.r8grd .boxr .dvHover:hover h4 { color: #fff }
.s_main .content .welcome h6 { color: #333; font-size: 14px; text-align: left; margin: 0; width: 70%; line-height: 25px; overflow-y: auto; max-height: 200px }
.s_main .content .welcome h6 div { font-family: 'Quicksand', sans-serif; font-size: 14px !important; line-height: 22px; }
.s_main .content .welcome h6 div span { font-family: 'Quicksand', sans-serif; font-size: 14px !important; }
.s_main .content .offerwrap { background: #eaedf3; padding: 30px !important; border-radius: 5px; width: 35%; float: right; min-height: 680px; max-height: 680px; overflow-y: auto; margin-bottom: 40px !important }
.s_main .content .offerwrap h3 { margin: 0; font-size: 16px; margin-bottom: 15px; text-align: left; }
.s_main .content .offerwrap h5 { padding: 8px; color: #434343; position: absolute; bottom: 0; width: 100%; background: #fff; margin: 0; transition: all .2s }
.s_main .content .offerwrap a.more { position: absolute; right: 30px; top: 30px; text-decoration: underline; color: #434343; font-size: 13px; transition: all .2s }
.s_main .content .offerwrap a.more:hover { color: #16b4da; }
.s_main .content .offerwrap .listoffr { float: left; width: 100%; border-radius: 5px; background: #fff; margin-bottom: 10px; overflow: hidden; height: 125px; position: relative; transition: all .2s }
.s_main .content .offerwrap .listoffr:hover h5 { background: #434343; color: #fff }
.s_main .content .offerwrap .listoffr a img { width: 100%; border-radius: 5px 5px 0 0 }
.s_main .content .nas-col-adj-left { float: left; width: 63% }
.s_main .content .grids { width: 100%; float: left; margin-top: 40px; margin-bottom: 25px; position: relative; }
.s_main .content .grids .owl-dots { display: none; }
.s_main .content .grids .owl-carousel, .owl-carousel .owl-item { position: unset; }
.s_main .content .grids .owl-nav { position: absolute; top: 5px; right: 0; display: none; }
.s_main .content .grids .owl-hh .owl-nav { display: none; }
.s_main .content .grids .owl-nav button { margin-left: 6px; }
.s_main .content .grids .owl-nav button i { font-size: 18px; float: left; height: 23px; opacity: .7; }
.s_main .content .grids .box { float: left; width: auto; margin-right: 1%; margin-bottom: 1%; }
.s_main .content .grids h5 {margin-bottom: 20px;font-weight: 600;color: #000;}
.s_main .content .grids .box a { padding: 12px; float: left; border-radius: 15px; width: 100%;    border: 1px solid #cfd9e0;  transition: all .2s;}
.s_main .content .grids .box a:hover{ background: #F7F8FB;}
.no-mar { margin: 0 !important }
.s_main .content .grids .box .dvHover { display: flex; border-radius: 15px; transition: all .2s; padding: 0; align-items: center; }
.s_main .content .grids .box .dvHover:hover { transition: all .2s }
.s_main .content .grids .box .dvHover:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); transition: all .2s }
.s_main .content .grids .box img { width: 40px; height: 40px; max-width: none !important; max-height: 40px !important; margin-top: 0; transition: all .2s; }
.s_main .content .grids .box h4 { font-weight: 600; font-size: 14px; float: left; margin: 0; color: #333; margin-left: 10px; }
.s_main .content .grids .box:last-child {padding-right: 60px;}
.dvsubsubject { padding-left: 2px }
.side-bar { position: fixed; background: #1565c0; width: 80px; height: 100%; top: 0; left: 0; z-index: 999; overflow-y: auto; overflow-x: hidden; text-align: center; border-radius: 0; display: flex; justify-content: center; align-content: center; }
.side-bar li.back-btn { cursor: pointer; width: 100%; }
.side-bar .chat { position: absolute; bottom: 30px; width: 100% }
.side-bar .chat button { width: 100%; background: 0 0; border: 0 }
.side-bar .chat img { width: 50px; margin: 0 }
.side-bar .s-menu { width: 100%; }
.side-bar .s-menu ul { margin: 0; padding: 0; width: 100%; display: flex; height: 100%; flex-direction: column; justify-content: space-between; align-items: center; }
.side-bar .s-menu li { padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; width: 100%; align-content: space-around; height: 100%; border-bottom: 1px solid rgb(255 255 255 / 40%); }
.side-bar .s-menu li:last-child { border: 0; }
.side-bar .s-menu li a { transition: all .2s; background: #1976d2; height: 100%; width: 100%; color: #fff; display: flex; align-items: center; justify-content: center; }
.side-bar .s-menu li a i { font-size: 20px; }
.side-bar .s-menu li a:hover { background: #1e82e6; }
.side-bar .s-menu li a:hover img { opacity: .6 }
.side-bar .s-menu li img { width: 20px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); transition: all .2s }
.side-bar .back-btn:hover { background: #10417a; }
.right-bar { position: fixed; background: #F7F8FB; height: 100%; top: 0; right: 0; z-index: 99; width: 20%; text-align: center; padding: 20px }
.right-bar ul.nav-tabs{border:0;}
.right-bar .card-sec { float: left; width: 100%; margin-bottom: 20px }
.right-bar .card-sec .carousel-item a { padding: 0; }
.right-bar .card-sec .disc { position: absolute; bottom: 15px; left: 8px; text-align: left; width: auto}
.right-bar .card-sec .disc a { color: #fff; text-transform: capitalize; font-size: 13px; float: left; width: 100% }
.right-bar .card-sec h3 { margin: 0; font-size: 16px; margin-bottom: 15px; text-align: left; color: #000; font-weight: 600 }
.right-bar .card-sec a.more { position: absolute; right: 25px; top: 25px; text-decoration: underline; color: #6e6f72; font-size: 13px; transition: all .2s }
.right-bar .card-sec a.more:hover { color: #5bc0de }
.right-bar .nas-col-adj-right { float: left; width: 100%; margin: 0; padding: 0 !important; height: calc(100% - 26%); background: #fff; overflow: auto; border-radius: 5px; position: relative; min-height: calc(100% - 30%) }
.right-bar .serviceprovider_scroll { max-height: 100% !important }
.right-bar .card-sec img { width: 100%; }
.right-bar .nas-col-adj-right .tab-pane .btn-cmn { display: flex; align-items: center; justify-content: center; border: 0; width: 100%; border-radius: 3px !important; padding: 8px 0 !important; margin: auto; margin-top: 3%; font-size: 13px !important; float: none !important; margin-bottom: 8px; transition: all .2s }
.appmnt { margin-right: 10px; }
.right-bar .nas-col-adj-right .tab-pane .btn-cmn i { height: 19px; font-size: 14px; margin-right: 4px; }
.spanNotification { font-size: 13px; margin: 3% }
.appmnt a { float: left; width: 100%; background: #50B948; color: #fff; padding: 10px 12px; transition: all .2s; border-radius: 5px; display: flex; align-items: center; font-size: 13px; width: auto; }
.appmnt a:hover { background: #00833E !important; }
.appmnt i { width: 15px; margin-right: 6px; text-align: center; animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both infinite; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; }
.inside-wrap { background: #ededed; }
.smaininner { background: #fff; position: relative; display: flex; flex-direction: column; min-height: 95vh; padding-bottom: 25px; }
.dropdown-menu { padding: 0; margin: 0; border: 0; }
.dropdown-menu li { transition: all .2s }
.dropdown-menu li:hover a { color: #03a9f4; }
.dropdown-menu li a { padding: 6px 0 !important; font-size: 14px; color: #434343; font-weight: inherit; width: 100%; float: left; display: flex; align-items: center; }
.dropdown-menu li img { width: 16px; margin: 0 5px; display: none; }
.smaininner .navbar-brand > img { height: 45px; max-width: 120px; width: auto; }
.smaininner .head { padding: 20px 0 0 0 }
.dropdown-toggle { padding: 0 !important }
.smaininner .nas-header { font-size: 18px; margin: 0; margin-bottom: 10px; position: relative; background: #4a4a4a; padding: 20px; color: #fff; background-size: cover; text-align: right }
.smaininner .nas-back-icon { background: url(../img/back.svg) no-repeat top -4px center; width: 30px; height: 30px; background-size: contain }
.smaininner .nas-back-icon:hover { background-position: 0 -4px }
.modal-nav { background: #607d8b; padding: 5px 10px; width: 100%; height: 30px; }
.modal-nav a { padding: 0; font-size: 12px; color: #fff; }
.policy-data { float: left; width: 70% }
.policy-data .box { float: left; width: 100%; height: auto; border: 1px solid #ddd; margin-bottom: 1%; padding: 20px 15px }
.policy-data .box h2 { margin: 0 }
.policy-data .box p { margin: 0; margin-top: 10px }
.fam-right { background: #F7F8FB; padding: 15px 10px !important; position: sticky; align-self: start; top: 0; height: 100vh;}
.fam-left { padding-right: 30px !important }
.inner-start { float: left; width: 100%; margin-top: 8px !important }
.action-ico { font-size: 15px; text-align: center; margin-right: 5px }
.ben .photo img { width: 75px; border-radius: 15px; border: 1px solid #ddd; }
.btn.dropdown-toggle.btn-default { background-color: #fff; height: 38px !important; border-radius: 0px !important; box-shadow: none; border: 1px solid #ccc; padding: 5px 10px !important; font-size: 12px !important; color: #555 }
.fld-3 { margin-bottom: 6px !important }
.medhis i { font-size:15px;}
.guide i { color: #31b0d5 }
.medhis .accordion-body { border-radius: 0 0 5px 5px }
.re-summ img { border-radius: 5px }
.re-summ .summary-title { font-size: 15px }
.re-summ .summary-title { font-size: 13px; margin: 0 }
.re-summ .summary-header { font-weight: 600; color: #000; font-size: 15px }
.re-summ .list-r { padding: 8px !important }
.re-summ .list-r p { margin: 0 }
.prof img.pic { width: 75px; border-radius: 5px; border: 1px solid #ddd; }
.netwrklist .box { width: 100%; float: left; }
.netwrklist .box a {width: 24%;margin: 0 .5% 1% .5% !important;float: left;padding: 20px 15px !important;position: relative;display: flex;align-items: center;justify-content: left;border: 1px solid #cfd9e0;border-radius: 10px!important;}
.netwrklist .box a i.nmore { color: #999; font-size: 20px; height: 20px; position: absolute; right: 10px; top: 29px; opacity: .7; }
.netwrklist .box a i.nmain { font-size: 20px; background: #fff; width: 40px; float: left; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 10px; -webkit-box-shadow: 0 5px 20px -5px rgb(0 0 0 / 7%); box-shadow: 0 5px 20px -5px rgb(0 0 0 / 7%); margin-right: 10px; }
.netwrklist .box a:hover { background: #F7F8FB; }
.netwrklist .box a:hover img.more { -ms-transform: rotate(90deg); transform: rotate(90deg) }
.netwrklist .box a h4 { font-weight: 600; display: block; width: 100%; float: left; margin: 0; color: #333; transition: all .2s; font-size: 14px; line-height: 20px; }
.netwrklist .box a img.more { display: none; }
.netwrklist .box a:last-child { margin: 0 }
.att-con .btn { border-radius: 3px !important; height: 38px }
.att-con2 .btn { border-radius: 3px !important; height: 38px; width: 100%; padding: 0 !important }
.UnderConstruction { font-family: 'Quicksand', sans-serif; }
.media-body .favbodyicon { margin-top: 4px; }
.media-body .favbodyicon i { color: #9e9e9e; font-size: 12px; }
.media-body .favbodyicon p { display: flex; align-items: center; }
.media-body .favbodyicon p span{white-space: nowrap !important;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}
.ntwrkpointer { display: none;}
.contact .cntry { float: left; width: 32%; margin-right: 2% !important; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 10px !important; padding: 10px !important; color: #434343; background: #f8fafb; transition: all .2s; height: 320px }
.contact .cntry:last-child { margin-right: 0 !important }
#tile1 { background: #fff; }
#tile2 { background: #fff; }
#tile7 { background: #fff; }
#tile8 { background: #fff; }
.info-right .tile { height: 158px !important; border-radius: 5px; transition: all .2s; border: 1px solid #ddd; }
.info-right .tile:hover { background: #F7F8FB !important; transition: all .2s }
.info-right .tile-content { display: flex; align-items: center; justify-content: left; padding: 20px; }
.info-right .tile-content h5 { margin-bottom: 0; text-align: left; color: #333; }
.info-right .tile-content i { font-size: 25px; line-height: normal; height: 25px; margin-right: 10px; color: #333; }
img.subimg { border-radius: 3px; }
/*.inner-start .btn { border-radius: 3px !important; }*/
.srch-c { height: 42px !important; border-radius: 3px !important; box-shadow: none; border: 0 !important; border-left-color: #ccc; border-left-style: solid; border-left-width: 1px; padding: 5px 10px !important; font-size: 13px !important; background: url(../img/search.svg) no-repeat right 8px center #eeeff2; width: 100% }
.c-btn { width: 100%; border: 0; height: 42px; border-radius: 3px !important; float: right; text-align: center; }
.dvContainer { background-color: #F7F8FB; border: 1px solid #ddd; height: 125px !important }
.dvContainer .nas-title { color: #434343 !important }
#myFamilyChronicDrugs .nas-title { color: #434343 !important }
#myFamilyChronicDrugs .nas-title i { font-style: normal !important; }
.tab-content .nas-title { color: #434343 !important }
.nas-title { color: #000000; font-weight: 600; }
.dvContainerSib i { padding: 0 !important }
.dvContainer + .dvContainerSib > button { height: 125px !important }
a.doc-more { font-size: 13px; margin-right: 8px; border-radius: 5px; padding: 4px 10px; float: left; transition: all .2s; border: 1px solid #eaedf3; color: #2196f3; background: #F7F8FB; display: flex; align-items: center; }
button.doc-more { font-size: 13px; margin-right: 8px; border-radius: 5px; padding: 4px 10px; float: left; transition: all .2s; border: 1px solid #eaedf3; color: #2196f3; background: #F7F8FB; display: flex; align-items: center; }
a.doc-more:hover { background: #fff; }
button.doc-more:hover { background: #fff; }
.epredate {display: flex; align-items: center; position: absolute;  right: 0; top: 20px; }
.epredate span { margin-right: 4px; }
.eprestatus span i { color: #777; margin: 0; font-size: 15px }
img.preimg { width: 15px; -webkit-filter: brightness(0) invert(0); filter: brightness(0) invert(0); opacity: .5; margin-right: 6px }
.thumbnailCards { margin-bottom: 15px; }
.eprestatus { width: auto; text-align: right; background: rgb(76 175 80 / 15%); display: inline-block; float: right; padding: 2px 8px;; }
.prov { text-align: right }
.inofr { float: left; width: 100% }
.inofr .listoffr { float: left; overflow: hidden; border: 1px solid #ddd; border-radius: 3px; position: relative; height: 225px; margin: 0 1% 1% 1% !important; width: 48%; padding: 6px !important }
.inofr .listoffr:hover h5 { background: #637589; color: #fff !important }
.inofr .listoffr img { width: 100%; border-radius: 3px }
.inofr .listoffr h5 { font-size: 14px; background: #fff; position: absolute; width: 100%; bottom: 0; padding: 10px; margin: 0; color: #434343 !important; left: 0; transition: all .2s }
.tile-content h5 { margin-top: 0 }
.image-holder { height: auto !important }
.rptTilesStyle { width: 100% !important; margin: 0 !important }
.disclaimer-text { font-size: 12px; line-height: 20px }
.cdrugimg img { border-radius: 50px; border: 1px solid #ddd; width: 50px; height: 50px; }
.drginput { border: 1px solid #ddd; height: 35px; padding: 5px; margin: 5px 0 !important; width: 100% !important }
.rptStyleMargin img { border-radius: 50px; border: 1px solid #ddd; }
img.brdrdrug { border-radius: 50px; border: 1px solid #ddd; width: 100px; height: 100px; }
.slimScrollRail { width: 5px !important; border-radius: 0 !important; background: #f1f1f1 !important; opacity: unset !important }
.slimScrollBar { background: #888 !important; width: 5px !important; border-radius: 0 !important; opacity: unset !important }
.tab-content > .tab-pane .list-cntainer { border-left: 0 !important; background: transparent; border: 1px solid #eaedf3 !important; margin: 0px !important; margin-bottom: 3px !important; /* min-height: 70px !important;*/ }
img.reimgres { border-radius: 5px; border: 1px solid #ddd; width: 75px; height: 75px; }
.activeborder { box-shadow: none; background-color: unset }
.dvContainer + .dvContainerSib > button { width: auto }
.block-text { font-size: 14px; color: #434343; font-style: normal; margin-left: 0 }
.dvHover:active { outline: 0 }
.cht-title { color: #0076bf; letter-spacing: 0 }
.chttxt { text-transform: capitalize; font-size: 13px }
.seContainer:hover { background: 0 0 !important; border-bottom: 1px solid #465fbe }
.chat-container .header { font-size: 15px; line-height: 40px; background: linear-gradient(90deg, #020024 0, #143a8f 0, #0574bc 100%) }
.chat-popup { border: 0; box-shadow: 0 1px 3px #999 }
.nav-tabs > li { border-bottom: 0; text-align: center; width: 33.333%; }
.nav-tabs > li > a { margin: 0; border: 0; border-radius: 0 }
.bjqs-slide img { border-radius: 5px 5px 0 0; border: 1px solid #ddd; border-bottom: 0 }
ol.bjqs-markers li a:hover, ol.bjqs-markers li.active-marker a { background: #4b5663; color: #fff }
ul.bjqs-controls { display: none }
ol.bjqs-markers.h-centered { text-align: center; background: #637589; border-radius: 0 0 5px 5px }
ol.bjqs-markers li a { background: #fff; color: #637589; margin: 10px 5px; border-radius: 50px; padding: 5px; height: 20px; width: 20px; line-height: 11px; font-size: 13px }
.tile-content { position: relative }
.NoteMessage { margin-bottom: 0; font-size: 13px; font-weight: 500; }
.clinic-card, .doctor-card, .hospital-card { background: #FCFCFC; border-radius: 5px; min-height: 210px; border: 1px solid #ddd; margin: .5% !important; position: relative; padding: 10px; width: 32.333% !important; float: left; transition: all .2s; font-size: 13px; font-weight: 500; }
.clinic-card { min-height: 125px; }
.clinic-card p, .doctor-card p, .hospital-card p { line-height: 18px; font-size: 13px; padding: 0 !important; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.clinic-card h6, .doctor-card h6, .hospital-card h6 { line-height: normal; font-weight: 600; margin: 0 !important; font-size: 15px; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; max-width: 90%; color: #000; margin-bottom: 6px !important; }
.item-doctor-image { min-height: 80px; width: 100% !important; }
.media-body a.doc-favr { position: absolute; right: 10px; top: 10px; }
.media-body a.doc-favr i { margin: 0 !important; font-size: 18px; color: #f44336; }
.media-body .netw-btn { display: flex; align-items: center; margin-top: 10px; }
.clinic-card:hover, .doctor-card:hover, .hospital-card:hover { background: rgba(204, 228, 245, 0.3); border: 1px solid rgb(204, 228, 245); }
input[type=number] { border: 1px solid #ccc; box-shadow: none }
.hhubsearchContainer { float: left; z-index: 99 !important; background-color: #fff; display: flex; width: 100%; justify-content: space-between; margin-bottom: 15px; text-align: center; box-shadow: rgb(0 0 0 / 4%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 0px 8px 0px !important; padding: 12px 10px; z-index: 0; position: relative; margin-top: -18px; }
.hhubsearchContainer .inputdiv { display: flex; width: 92%; text-align: center; }
.hhubsearchContainer input { width: 100%; height: 42px !important; box-shadow: none; border: 1px solid #ccc; font-size: 13px !important; background: url(../img/search.svg) no-repeat left 10px center #fff; background-size: 16px; padding-left: 30px; }
.hhubsearchContainer .searchButton { width: auto; border: 0; height: 42px; border-radius: 3px !important; float: right; display: flex; align-items: center; justify-content: center; padding: 10px 15px !important; border: 1px solid #ddd; background: #fcfcfc; }
.hhubsearchContainer .searchButton i { font-size: 16px; height: 18px; margin-right: 4px; line-height: normal; }
.hhubsearchContainer .inputdiv button.searchButton { margin-left: 8px; }
.nav.mynas > li > a { font-size: 14px; border: 0 }
.hhubsearchContainer .searchButton:hover { background: rgba(204, 228, 245, 0.3); border: 1px solid rgb(204, 228, 245); }
.dvtime { font-style: normal; text-align: left; }
ul.nav-tabs { border-bottom: 1px solid #ddd; background: #fff; display: flex; align-items: center; justify-content: space-between; border-radius: 3px 3px 0 0 }
.nav-tabs, .nav-tabs > li > a:hover { border: 0 }
.dvstatus { font-size: 11px !important; font-weight: 600 !important }
.iicon { margin-top: 5px }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border: 0; color: #fff; background: #e9212c; font-size: 12px; border-radius: 3px 3px 0 0 }
.panel-default > .panel-heading { background: 0 0; border: 1px solid #ddd; border-radius: 0px; position: relative; }
.panel-default > .panel-heading:hover { background: #fff; transition: all .3s; }
.panel-default { border: 0 }
.panel-group .panel { margin-bottom: 10px; border-radius: 5px; border: 0 }
.panel-title { font-size: 14px }
.panel-title .i-list { background: 0 0; height: auto; width: auto; display: inline-block; float: left; border: 0; margin: 0 !important; margin-right: 8px !important; line-height: initial }
.list-cntainer { margin: 5px !important; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 10px !important; padding: 5px; color: #6e6f72; background: #f8fafb; transition: all .2s }
.list-cntainer:hover { background: #ebf0f3 }
.list-cntainer span { color: #434343; font-size: 13px }
.datepicker table { font-size: 13px }
.input-group.date .input-group-addon { cursor: pointer; color: #777; background: #F7F8FB; border: 0; width: 35px; display: flex; align-items: center; justify-content: center; border: 1px solid #ced4da; }
label { font-size: 13px; color: #434343; line-height: 18px; }
.ViewProfile { font-family: 'Quicksand', sans-serif; }
/*.list-group-item { border: 0; border-radius: 3px !important; padding: 10px !important; height: auto !important }*/
.nas-sub-header { margin: 0 !important; margin-bottom: 15px !important; width: 100%; color: #000; font-size: 16px; border-bottom: 1px solid #ddd; }
.RowItem { border: 1px solid #ddd; border-radius: 0; margin-bottom: 8px !important; padding: 5px; color: #333; background: #fff; transition: all .2s }
.RowItem:hover { background: #F7F8FB; }
.active1 { background-color: #F7F8FB; }
#cphBody_upalert { display: none }
p { color: #434343 !important; }
.nas-sub-title { font-style: normal; color: #000000; }
.policylogo { height: auto !important; margin: 0; border: 1px solid #ddd; display: inline-block; float: left; width: 28%; margin-left: 2%; padding: 15px; margin-bottom: 6px; }
img.logimg { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.form-control { height: 38px !important; border-radius: 0px !important; box-shadow: none; font-size: 13px; }

.modal-content { border: 0; box-shadow: none; border-radius: 0; }
.modal-header { background: #F7F8FB; }
.modal-title { font-weight: 600; font-size: 15px; display: flex; align-items: center;color:#000; }
.modal-title i { height: 18px; float: left; margin-right: 4px; }
.modal-header .close { height: auto; font-size: 22px; border-radius: 50px; opacity: unset; color: #fff; text-shadow: none }
.i-list { float: left; margin: 0 !important; display: flex; align-items: center; justify-content: center; background: #2196f3; width: 30px; height: 30px; border: 0; border-radius: 3px; margin-left: 5px !important; color: #fff; }
.i-list i { height: 15px; }
.view { background: #4caf50; }
.thumbnailCards img { width: 100%; border: 1px solid #ddd; }
a, button { transition: all .2s }
.nas-back-icon { background: url(../img/back.svg) no-repeat center; width: 35px; height: 35px; background-size: contain; opacity: .6; transition: all .2s }
.nas-back-icon:hover { background-position: initial; cursor: pointer; opacity: .9; transition: all .2s }
.caret { border-top: 4px dashed #a1adb9 }
.bootstrap-select.btn-group .dropdown-toggle .filter-option { color: #a1adb9 }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background: #a1adb9 }
input[type=text]:disabled {color: #777 !important;cursor: not-allowed;}
.form-control[disabled], fieldset[disabled] { color: #777 !important;cursor: not-allowed; }
.req-field { margin: 0; padding: 0; margin-bottom: 0 !important; font-weight: 600; font-size: 14px !important; line-height: normal; margin-left: 2px; }
.question-mark-parent-div { position: absolute; top: 0; right: 10px }
.question-mark { border-radius: 50px; height: 30px; width: 30px; text-align: center; line-height: 10px !important; color: #ff9800; border: 0; padding: 0; }
.dvContainer + .dvContainerSib > button { padding: 0 !important }
.s-login .login-inner .right-app .app-logo img { width: 120px; border-radius: 4px; /*height: 50px*/ }
.trmshead { font-size: 25px; border-bottom: 0 !important; margin-top: 20px; margin-bottom: 15px; color: #017ac1; line-height: 1.1 }
.trmbg { border: 1px solid #ddd; float: left; border-radius: 5px; padding: 10px }
.bootstrap-select .dropdown-toggle:focus { outline: 0 !important }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 0 !important }
.frwrap { float: left; width: 100%; margin: auto }
.frwrap .actpg { margin-top: 0 }
.frwrap .lbl { width: auto; }
.frwrap .req-field { float: left }
.frwrap .flds { margin-bottom: 5px !important }
.frwrap .date img { width: 20px; height: auto }
.frwrap .date .dtbg { background: 0 0; position: absolute; right: 12px; z-index: 99; top: 12px; color: #999; font-size: 15px; }
.frwrap .date { width: 100% }
.frwrap .btn.dropdown-toggle.btn-default { height: 42px !important }
.frwrap .actpg .form-control { margin-bottom: 0; float: left; width: 100%; }
.nav.mynas > li > a { padding: 8px 5px; float: left; width: 100%; font-size: 12px; background: #555; color: #fff; display: flex; align-items: center; justify-content: center; }
.nav.mynas > li > a i { line-height: normal; height: 12px; margin-right: 2px; }
.mbappland { display: flex; align-items: center; float: left; width: 100%; background: #F7F8FB; color: #fff; padding: 40px 50px; border-radius: 15px; background-size: contain; /*border: 1px solid #e7eaf1; */ position: relative }
.mbappland .appmnt img { width: 180px; margin-bottom: 20px; }
.mbappland .hhart { text-align: center; }
.mbappland .hhart img { width: 350px; }
.mbappland p { position: relative; }
.mbappland h3 { color: #000; position: relative; margin: 0; margin-bottom: 25px; line-height: 40px; }
.mbappland:before { content: ""; position: absolute; display: block; width: 100%; left: 0; top: 0; background: rgba(255, 255, 255, .45); height: 100%; border-radius: 5px; display: none }
.mbappland .dwnlg { float: left; display: block; margin-top: 10px; position: relative }
.mbappland .dwnlg a { margin-right: 10px; float: left; display: inline-block }
.mbappland .dwnlg img { width: 100px; height: auto; float: left; border-radius: 3px }
.copysec {color: #959595;float: left;width: 100%;text-align: center;border-radius: 10px;display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;background: #F7F8FB;    padding: 0 20px;}
.copysec p { margin: 15px 0; color: #444 !important; font-size: 13px; }
.copysecin { color: #666; width: 100%; text-align: center; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #ddd; background: #fff; padding: 0 15px; }
.copysecin p { margin: 15px 0 !important; color: #444 !important; font-size: 13px; }
.copysec2 { color: #959595; float: left; width: 100%; text-align: center; border-radius: 0 0 5px 5px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; display: none }
.copysec2 p { margin: 15px 0; color: #444 !important; font-size: 13px; }
.copyland { border-bottom: 1px solid rgb(255 255 255 / 32%); border-top: 1px solid rgb(255 255 255 / 32%); text-align: center; float: left; width: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between; margin: 50px 0; border-radius: 3px; }
.copyland p { color: #fff !important; padding: 15px 0 15px 0; font-size: 13px; margin: 0; }
.tabbable-panel .nav-tabs > li > a { font-size: 12px }
input.rfrsh:hover, input.rfrsh:active, input.rfrsh:focus { background-color: transparent !important; box-shadow: none; }
#UpdateDiv img { width: 40px; }
@-webkit-keyframes swinging {0% { -webkit-transform: rotate(10deg); } 50% { -webkit-transform: rotate(-5deg) } 100% { -webkit-transform: rotate(10deg); }}
@keyframes swinging {0% { transform: rotate(10deg); } 50% { transform: rotate(-5deg) } 100% { transform: rotate(10deg); }}
img#imgNavNotification { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: swinging 2s ease-in-out forwards infinite; animation: swinging 2s ease-in-out forwards infinite; }
img#imgNavLogOut:hover { transform: rotate(180deg); }
img#imgEpres {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: swinging 2s ease-in-out forwards infinite;
    animation: swinging 2s ease-in-out forwards infinite;
}
img#imgNavLogOut { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }
@keyframes shake {10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); }}
.tooltip .tooltip-inner { font-family: 'Quicksand', sans-serif; padding: 6px 8px; font-weight: 500 !important; font-size: 11px; }
.btn.main { font-size: 14px;  display: flex; align-items: center; justify-content: center; height: 45px;}
.btn.main i{height: 18px;}
input:focus { outline: none !important; }
.chlist i.fa-ban { color: #D9484D; }
.chlist i.fa-info-circle { color: #60bd53; }
#cphBody_alertChronicDrugList button { height: auto !important; }
.info-right .tile-content img { margin: 20px; }
.ben .bennation { display: flex; text-align: center; flex-direction: column; align-content: flex-start; justify-content: center; align-items: flex-start; }
.doctor .item-image { max-height: 100% !important; border-radius: 5px; }
/***********popover-error**************/
.ajax__validatorcallout div, .ajax__validatorcallout td { border: 0 !important; background-color: #fff; border-top: 2px solid #f0ab01 !important; font-family: 'Quicksand', sans-serif; }
.ajax__validatorcallout_callout_cell, .ajax__validatorcallout_icon_cell { display: none !important; }
.ajax__validatorcallout_icon_cell img { display: none !important; }
.ajax__validatorcallout_close_button_cell img { display: none !important; }
.ajax__validatorcallout_callout_cell { background-color: transparent !important; }
.ajax__validatorcallout_error_message_cell { background-color: #fdf7e7 !important; color: #6b4500; font-family: 'Quicksand', sans-serif; padding: 5px !important; line-height: 18px; font-size: 11px !important; font-weight: 500; text-align: left; }
.ajax__validatorcallout_close_button_cell { background-color: #fdf7e7 !important; padding: 0 10px !important; }
.ajax__validatorcallout_innerdiv { padding: 0 5px !important; background: 0 0 !important; color: #6b4500 !important; }
.ajax__validatorcallout_innerdiv:before { content: url('../img/close-al.svg'); position: relative; z-index: 100000; width: 8px; height: 8px; display: block; }
.ajax__validatorcallout_error_message_cell::before { content: url('../img/alrt.svg'); position: relative; z-index: 100000; width: 12px; height: 12px; display: block; float: left; margin-right: 5px; }
.ajax__validatorcallout_popup_table tbody { line-height: 26px !important; }
.ajax__validatorcallout_callout_arrow_cell_bottomleftpos { display: none; }
/***********popover-error-ends**************/
.question-mark-neigbour-div { position: relative; }
.dropdown-menu { -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%); box-shadow: 0 6px 12px rgb(0 0 0 / 18%); }
.bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; }
.dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.4em solid; border-right: 0.4em solid transparent; border-bottom: 0; border-left: 0.4em solid transparent; position: absolute; top: 18px; right: 10px; color: #999; }
.dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.4em solid transparent; border-bottom: 0.4em solid; border-left: 0.4em solid transparent; }
.loghdr { display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px; }
.s-login .login-tit h4 { margin: 0; font-size:20px;display: flex; align-items: center; }
.s-login .login-tit h4 i{margin-right:6px;font-size:18px;height:18px;}
.regcaption { display: flex; align-items: center; }
.headnav .dropdown-menu { right: 0; left: unset; padding: 25px; border-radius: 0.75rem; border: 0; min-width: 15rem; max-width: 20rem; }
.headnav .dropdown-toggle::after { display: none; }
.headnav .dropdown-menu li.prosec { margin-bottom: 20px; font-size: 18px; font-weight: 600; color: #000; display: flex; align-items: center; }
.headnav .dropdown-menu li.prosec img { display: block; padding: 0; margin: 0; margin-right: 10px; }
.headnav .dropdown-menu li.prosec a { padding: 0 !important; color: #03a9f4; }
.dvsubject { font-weight: 600; color: #434343; padding-left: 6px !important; }
.nav.mynas > li > a.active { background: #333; }
.tab-content > .tab-pane .list-cntainer:hover { background: #F7F8FB !important; }
.panel-default > .panel-heading a h4 { display: flex; align-items: center; justify-content: space-between; padding: 12px 15px; font-weight: 500; margin: 0; color: #333; }
.panel-default > .panel-heading a h4 i { float: left; }
.accordion-body { background-color: #ffffff; padding: 15px 5px; }
.form-group .content { margin-bottom: 10px !important; position: relative; }
.carousel-item img { width: 100%; }
.inner-addon i.faqsrch { position: absolute; left: 10px; top: 12px; }
.tabbable-panel.netwtab ul.nav-tabs { display: block; border-radius: 0; float: left; width: 100%; }
.tabbable-panel.netwtab .nav-tabs > li { float: left; width: auto; }
.tabbable-panel.netwtab .nav-tabs > li > a { font-size: 14px; background: transparent; color: #333; padding: 10px 15px; float: left; width: 100%; }
.tabbable-panel.netwtab .nav-tabs > li > a.active { background: #F7F8FB; }
.subresimg { text-align: right; }
.fade:not(.show) { opacity: unset; }
.reimleft { float: left; }
.reimrgt { float: right; }
.reimleft ul.nav-tabs { display: block; border-radius: 0; float: left; width: 100%; }
.reimleft .nav-tabs > li { float: left; width: auto; }
.reimleft .nav-tabs > li > a { font-size: 14px; background: transparent; color: #333; padding: 10px 15px; float: left; width: 100%; display: flex; align-items: center; }
.reimleft .nav-tabs > li > a:hover { border: 1px solid #ddd; }
.reimleft .tab-content { float: left; width: 100%; }
h5.subremh5 { font-weight: 500; font-size: 16px; margin: 0; color: #333; }
#dvMyProfile .RowItem { float: left; width: 100%; padding: 10px 5px !important; justify-content: space-between; margin: 5px 0 0 0 !important; }
.netwrklist.downlist .box { display: block; }
.netwrklist.downlist a i.nmore { color: #999; font-size: 20px; height: 20px; position: absolute; right: 10px; bottom: 10px; opacity: .5; }
.netwrklist.downlist a i.nmain { font-size: 20px; background: #fff; width: 50px; float: left; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 12px; -webkit-box-shadow: 0 5px 20px -5px rgb(0 0 0 / 7%); box-shadow: 0 5px 20px -5px rgb(0 0 0 / 7%); margin-right: 10px; color: #8bc34a; }
i.fi { font-style: normal; }
.drugftr { display: flex; align-items: center; justify-content: space-between; padding: 5px 15px; }
.drugftr .drugactbtn i { font-size: 15px; line-height: normal; color: #2196f3; }
.drugftr .drugactbtn button { padding: 0 6px !important; }
.drugftr .drugactbtn a { padding: 0 6px !important; }
#cphBody_alertChronicDrugList button i { margin-right: 4px; }
.protitlebox { display: flex; align-items: center;margin-bottom: 1rem; }
.protitlebox i {height: 18px;margin-right: 3px; }
span.group-span-filestyle label.btn { height: 38px; border-radius: 0 !important; display: flex; align-items: center; }
span.group-span-filestyle label.btn span.fi { height: 18px; float: left; margin-right: 4px; }
span.bold {
    font-size: 13px;
    font-weight: 700;
}
.settbox { border-bottom: 1px solid #eaedf3; margin: 1% !important; float: left; width: 31.333%; display: flex; padding-bottom: 15px !important; justify-content: space-between; }
.settrow i { font-size: 16px; color: #9e9e9e; height: 20px; }
.polrow { display: flex; align-items: center; }
.att-close i { font-size: 20px; }
.polrow i { font-size: 16px; color: #9e9e9e; height: 20px; margin-right: 5px; }
.poldwnld a { display: flex; align-items: center; justify-content: space-between; border: 1px solid #ddd; color: #333 !important; border-radius: 0 !important; background: transparent; padding: 12px 15px !important; margin-bottom: 10px; }
.poldwnld a:hover { background: #fff; }
.poldwnld a i { color: #9e9e9e; }
.famrow { display: flex; align-items: center; border: 1px solid #ddd; width: auto; padding: 5px; float: left; margin-top: 5px; border-radius: 3px; background: #F7F8FB; }
.famrow i { height: 15px; color: #9e9e9e; }
.famrow:hover { background: #fff; }
.famrelbox { width: 100%; height: 100%; display: flex; align-items: center; border: 1px solid #ddd; padding: 10px; margin: 2px 0; border-radius: 3px; }
.famrelbox i { color: #9e9e9e; margin-right: 5px; height: 17px; }
.notdaterow { display: flex; align-items: center; }
.notdaterow i { color: #9e9e9e; height: 16px; float: left; line-height: normal; margin-right: 4px; }
.notsub { justify-content: right; display: flex; }
.thrdelsec { justify-content: right; display: flex; justify-content: end; }
button.btn-close { float: right; padding: 0; }
.threadb button { display: flex; align-items: center; }
.threadb button i { height: 18px; margin-right: 4px; }
.datepicker { border-radius: 0; }
.frwrap .date .dtbg.calfrgt { border: 0; top: 10px; right: 0; }
select.form-select { height: 45px !important; }
.smaininner select.form-select { height: 38px !important; }
button.enbtn { display: flex; align-items: center; justify-content: center; }
button.enbtn i { height: 16px; margin-left: 5px; }
.regbg { padding: 25px; background: #fff; border-radius: 6px; }
.chrontab li { width: 50%; }
.doctor .slimScrollDiv { float: left; width: 100% !important; }
.carousel { height: auto !important; }
#dvDoctorCard { width: 100% !important; }
.chrnicpadd { padding-right: 40px !important; }
.infopanel { }
.page-loader { width: 100%; height: 100vh; position: fixed; z-index: 1000; background: #fff; justify-content: center; display: flex; align-items: center; }
.page-loader-Doc { width: 100%; background: #fff; justify-content: center; display: flex; align-items: center; height: 500px; }
.page-loader img { width: 40px; }
.page-loader-Doc img { width: 30px; }
.appcont { width: 1000px; padding-top: 50px; }
.appcont .apwrap { border-radius: 12px; background: #fff; box-shadow: 0 6px 24px 0 rgba(32,32,149,.1); position: relative; }
.appcont .appconleft { text-align: center; padding: 70px!important; background: #E6F2FF; border-radius: 12px 0 0 12px; }
.appcont .appconleft img { width: 100%; }
.appcont .appconrght { padding: 25px!important; }
.appcont .appconrght ul.nav-tabs { justify-content: flex-start; }
.appcont .appconrght ul.nav-tabs li { width: auto; }
.appcont .appconrght .tab-content { border: 1px solid #dee2e6; border-top: 0; padding: 1.5rem 1rem; float: left; width: 100%; }
.appcont .appconrght ul.nav-tabs button { display: flex; align-items: center; color: #555; }
.appcont .appconrght ul.nav-tabs button.active { color: #4caf50; }
.appcont .appconrght ul.nav-tabs button i { font-size: 18px; line-height: normal; margin-right: 5px; height: 18px; }
.appcont .appconrght .tab-content h5 { font-size: 15px; color: #2196f3; }
.appcont .appconrght .tab-content input { width: 100%; padding: 0; border: 0; }
.appcont .appconrght .tab-content .findbtn { width: 100%; border-radius: 10px !important; margin: 20px 0 30px 0; padding: 14px 0 !important; }
.appcont .appconrght .tab-content .srchfld { display: flex; width: 100%; align-items: center; border-bottom: 1px solid #ddd; padding-bottom: 8px; margin-top: 20px; }
.appcont .appconrght .tab-content .srchfld i.fi-rr-search { height: 16px; color: #C7C7C7; margin-right: 6px; }
.appcont .appconrght .tab-content .srchfld .fltrbtn { border: 0; background: none; padding: 0; height: 16px; }
.appcont .appconrght .tab-content .qicksrchcon { float: left; }
.appcont .appconrght .tab-content .quicksrch { margin-top: 14px; float: left; }
.appcont .appconrght .tab-content .quicksrch a { border: 1px solid #ddd; float: left; background: #E2E3E5; color: #41464B; border-radius: 50px; padding: 5px 10px; font-size: 12px; margin-right: 6px; margin-bottom: 6px; }
.appcont .appconrght .tab-content .quicksrch a:hover { background-color: rgba(204, 228, 245, 0.3); border: 1px solid rgb(204, 228, 245); }
.hhlogo { text-align: center; margin: 25px 0; }
.hhlogo img { width: 150px; }
a.appbackbtn { position: absolute; top: -12px; right: -12px; background: #fff; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50px; color: red; box-shadow: 0 6px 24px 0 rgb(32 32 149 / 10%); }
a.appbackbtn i { height: 15px; }
.docprofmain { margin-top: 20px !important; position: relative; display: flex; width: 100%; }
.docprofmain span { padding: 0; }
.docprofmain .docprolft { padding: 0; float: left; }
.docprofmain .docprolft .docproftop { display: flex; }
.docprofmain .docprolft .docdetdiv { padding: 0 20px 0 0 !important; }
.docprofmain .docprolft .docdetdiv .faciltydiv { float: left; margin-top: 15px; display: flex; align-items: center; width: 100%; }
.docprofmain .docprolft .docdetdiv .faciltydiv img { width: 75px; margin-right: 10px; }
.docprofmain .docprolft .media-body h4 { font-size: 18px; color: #000; font-weight: 600; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; }
.docprofmain .docprolft .media-body p { margin: 0; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; padding: 0; }
.docprofmain .docprolft .docdetdiv .docproimgdiv { width: 150px; height: 150px; overflow: hidden; border: 1px solid #ddd; border-radius: 5px; float: left; margin-right: 20px; }
.docprofmain .docprolft .docdetdiv .docproimgdiv img { min-height: auto; width: 100%; float: left; }
.docprofmain .docprolft .docproeligdiv { padding: 0 0 0 20px !important; border-left: 1px solid #ddd; }
.docprofmain .docprolft .docproeligdiv .faveyediv { display: flex; align-content: center; justify-content: space-between; }
.docprofmain .docprolft .docproeligdiv .faveyediv .proview { display: flex; align-items: center; }
.docprofmain .docprolft .docproeligdiv .faveyediv .proview i { height: 14px; float: left; line-height: normal; margin-right: 4px; }
.docprofmain .docprolft .docproeligdiv .faveyediv a { display: flex; align-items: center; color: #333; }
.docprofmain .docprolft .docproeligdiv .faveyediv a i { height: 14px; line-height: normal; margin-left: 4px; color: #f44336; }
.dvEligible { border-radius: 6px; color: #0f5132; background-color: #d1e7dd; border: 1px solid #badbcc; display: flex; align-items: center; justify-content: center; padding: 10px; margin: 12px 0; }
.dvInEligible { border-radius: 6px; color: #842029; background-color: #f8d7da; border: 1px solid #f5c2c7; display: flex; align-items: center; justify-content: center; padding: 10px; margin: 12px 0; }
.dvDisclaimer {
    border-radius: 6px;
    color: #000000;
    border: 1px solid #badbcc;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin: 12px 0;
}
.dvEligible img { margin-right: 5px; }
.dvInEligible img { margin-right: 5px; }
.docprofbtm { margin-top: 30px;float: left; width: 100%; }
.docprofbtm .tab-content { padding: 15px; }
.docprofbtm .tab-content h2 { font-size: 18px; color: #000; }
.docprofbtm ul.nav-tabs { justify-content: flex-start; }
.docprofbtm ul.nav-tabs li { width: auto; }
.docprofbtm ul.nav-tabs li button { display: flex; align-items: center; color: #555; font-weight: 600 !important; }
.docprofbtm ul.nav-tabs li button i { font-size: 18px; line-height: normal; margin-right: 5px; height: 18px; }
.docprofbtm ul.nav-tabs li button.active { color: #4caf50; }
.docprofbtm .tab-content { border: 1px solid #dee2e6; border-top: 0; padding: 1.5rem 1rem; float: left; width: 100%; min-height: 400px; }
.docprofbtm .tab-content div { margin-bottom: 12px; font-size: 13px; }
.docprofbtm .tab-content div h2 { font-size: 15px; color: #2196f3; margin-bottom: 4px; font-weight: 600; }
.docprofbtm .tab-content div p { margin: 0; font-size: 13px; padding: 0; display: flex; align-items: center; }
.docprofbtm .tab-content div p a { color: #434343 !important; }
.docprofbtm .tab-content div img.grpfaclty { padding: 5px; max-height: 80px; max-width: 150px; margin: 6px 0 8px 0; border: 1px solid #ddd; border-radius: 5px; }
.docprofbtm .tab-content div p i { color: #9e9e9e; font-size: 12px; margin-right: 5px; height: 16px; }
.docprofbtm .tab-content div p img.smimg { width: 18px; }
.smcondiv { display: flex; }
a.appbkmod{width: 100%;text-align: center;display: flex;align-items: center;justify-content: center;background: #f7f8fb;color: #4caf50;font-weight: 600;margin-top: 12px;padding: 10px;border-radius: 6px;border: 1px solid #ddd;}
a.appbkmod img{width:25px;margin-right: 5px;}
.docprofbtm .tab-content div .smcondiv p { margin-right: 8px !important; }
.provcardcon { width: 100%; }
.tabfaclty { float: left; width: 100%; }
.tabfaclty .clinic-card { width: 48.79% !important; }
.docappnmnt { background: #F7F8FB;padding-bottom: 20px!important;width:450px;}
.docappnmnt h2 { font-size: 20px; color: #4caf50;font-weight: 600;margin:.5%;}
.docappnmnt h6 { font-weight: 600; font-size: 16px; line-height: normal; margin: 0 !important; margin-bottom: 10px !important;    margin-left: .5%!important; }
.docappnmnt .appsepdiv { margin-bottom: 25px; float: left; width: 100%; }
.docappnmnt .appsepdiv a.sepfaclty { float: left; width: 100%; margin: .5%; position: relative; padding: 8px; background: #fff; border: 1px solid #ddd; }
.docappnmnt .appsepdiv a.sepfaclty .media { align-items: center; }
.docappnmnt .appsepdiv a.sepfaclty .media img { width: 100%; border-radius: 5px; }
.docappnmnt .appsepdiv a.sepfaclty .media-body { white-space: unset !important; }
.docappnmnt .appsepdiv a.sepfaclty .media-body h5 { color: #000; font-weight: 600; font-size: 12px; margin-bottom: 2px; line-height: 15px; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.docappnmnt .appsepdiv a.sepfaclty .media-body p { line-height: normal; padding: 0; font-size: 13px; color: #555 !important; }
.docappnmnt .appsepdiv a.sepfaclty:hover { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; }
.docappnmnt .appsepdiv a.sepfaclty.active1, .docappnmnt .appsepdiv a.sepfaclty.facility_active, .docappnmnt .appsepdiv a.sepfaclty.benef_active, .docappnmnt .appsepdiv a.sepfaclty.apptime_active, .eligcheckwrap .eligbendiv a.benef_active { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; }
.docappnmnt .appsepdiv a.sepfaclty.active1:after, .docappnmnt .appsepdiv a.sepfaclty.facility_active:after, .docappnmnt .appsepdiv a.sepfaclty.benef_active:after, .docappnmnt .appsepdiv a.sepfaclty.apptime_active:after, .eligcheckwrap .eligbendiv a.benef_active:after { content: ''; position: absolute; right: 5px; background: url(../img/tick.svg) no-repeat center; width: 18px; height: 18px; background-size: 100%; top: 5px; }
.docappnmnt .appsepdiv .flexdivapp { width: 100%; float: left; display: flex; }
.docappnmnt .appsepdiv .flexdivapp a.sepfaclty { width: 25%; }
.docappnmnt .appsepdiv .flexdivapp.divfambk a.sepfaclty{width:24%;}
.docappnmnt .appsepdiv .flexdivapp.divfambk {display:block;}
.docappnmnt .appsepdiv .flexdivapp a.sepfaclty .media { display: block; }
.docappnmnt .appsepdiv .flexdivapp a.sepfaclty .media img { margin: 0; margin-bottom: 5px;height: 80px; }
.docappnmnt .appsepdiv .flexdivapp a.sepfaclty .media h5 { white-space: unset !important; overflow: visible; color: #000; height: 25px; }
.docappnmnt .appsepdiv .flexdivapp.appdate a.sepfaclty { text-align: center; width: 100%; margin:.5% !important; border: 1px solid #ddd; border-radius: 0;padding: 10px 0; }
.docappnmnt .appsepdiv .flexdivapp.appdate a.sepfaclty i { font-size: 25px; color: #333; }
.docappnmnt .appsepdiv .bokkdtfld{    margin: .5%;}
.docappnmnt .appsepdiv .flexdivapp.appdate a.sepfaclty p { padding: 0; line-height: normal;font-size: 11px; }
.docappnmnt.profbook .doctor-card { width: 100% !important; margin: 0 !important; min-height:auto;}
.docappnmnt.profbook a { float: left; width: 100%; padding: 0; border: 0; margin-bottom: 5px !important; border-radius: 5px; }
.docappnmnt.profbook h2{margin:0;}
.eligcheckwrap { box-shadow: 0 6px 24px 0 rgba(32,32,149,.1); width: 400px; border-radius: 12px; margin: auto; margin-top: 50px; padding: 15px; }
.eligcheckwrap .eligbendiv { overflow: auto; width: 100%; display: flex; }
.eligcheckwrap .eligbendiv a { margin: 0 !important; min-width: 100px; width: 100px; margin-right: 5px !important; position: relative; padding: 4px; border: 1px solid #ddd; background: #fff; }
.eligcheckwrap .eligbendiv a:hover { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; }
.eligcheckwrap .eligbendiv a.active1 { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; }
.eligcheckwrap .eligbendiv a.active1:after { content: ''; position: absolute; right: 5px; background: url(../img/tick.svg) no-repeat center; width: 18px; height: 18px; background-size: 100%; top: 5px; }
.eligcheckwrap .eligbendiv a:last-child { margin-right: 0 !important; }
.eligcheckwrap .eligbendiv a img { width: 100%; border-radius: 5px; margin-bottom: 4px; }
.eligcheckwrap .eligbendiv a h6 { font-size: 11px; line-height: normal; margin: 0 !important; font-weight: 600; color: #000; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.eligcheckwrap .eligradiv { width: 100%; margin-top: 12px; }
.eligcheckwrap .eligradiv a.tobdwn { width: 100%; }
.docprofbtm .tab-content .reviewbox { border: 1px solid #ddd; padding: 8px; margin-bottom: 6px; }
.applistpage button.newappmnt { position: absolute; right: 2px; width: auto; top: 2px; z-index: 9; box-shadow: rgb(0 0 0 / 4%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 0px 8px 0px !important; border-radius: 6px !important; display: flex; align-items: center; }
.applistpage ul.nav-tabs { justify-content: flex-start; background: #F7F8FB; border: 0; padding: 5px; margin-bottom: 12px; }
.applistpage .nav-tabs > li { width: auto; }
.applistpage .nav-tabs > li button { border: 0; display: flex; align-items: center; color: #555; font-weight: 600 !important; }
.applistpage button.newappmnt i { font-size: 15px; height: 18px; float: left; margin-right: 4px; }
.applistpage .nav-tabs > li button.active { background: rgb(255, 255, 255) none repeat scroll 0% 0% !important; box-shadow: rgb(0 0 0 / 4%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 0px 8px 0px !important; border-radius: 6px !important; color: #4caf50; }
.applistpage .nav-tabs > li button i { font-size: 15px; height: 16px; float: left; margin-right: 4px; }
.appmntstats { position: absolute; right: 10px; top: 5px; }
.applistpage .doctor-card h6 { max-width: 100%; }
button.doc-more i { height: 13px; float: left; line-height: normal; margin-right: 2px; }
a.doc-more i { height: 13px; float: left; line-height: normal; margin-right: 2px; }
.eligcheckwrap.appdetails .clinic-card { margin: 0 !important; width: 100% !important; padding: 0; border: 0; background: none; min-height: auto; margin-bottom: 10px !important; border-bottom: 1px solid #ddd; padding-bottom: 12px; border-radius: 0 !important; }
button.eligbtn { width: 100%; margin: 5px 0 10px 0; }
.appdetspan span { font-weight: 600; }
.modal-footer button { display: flex; align-items: center; }
.modal-footer button i { height: 16px; float: left; margin-right: 4px; font-size: 14px; }
.nodatadiv { text-align: center; margin-top: 25px; background:#fff;}
.nodatadiv img { width: 50px; margin-bottom: 10px }
.sticky-wrapper.is-sticky .hhubsearchContainer { top: 18px !important; }
a.scrolltop { position: fixed; right: 10px; bottom: 14px; border: 0; box-shadow: 0 6px 18px 0 rgba(32,32,149,.1); background: #fff; padding: 8px; border-radius: 6px; }
a.scrolltop:hover { transform: translateY(-2px); }
a.scrolltop i { font-size: 20px; line-height: normal; height: 20px; float: left; }
.facltyimg { display: flex; align-items: center; }
.modal-body.eligpop .eligcheckwrap { margin: 0; width: 100%; box-shadow: none; padding: 0; }
.eprappcon .medhis { padding: 0 0 0 25px !important; }
.eprappcon .medhis .RowItem { margin: 0 0 5px 0 !important; float: left; width: 100%; }
.eprappcon .medhis .dovfacdiv {display:flex;flex-direction:column;}
.dovfacdiv span{line-height:18px;}
/*.eprappcon .medhis .btndet { display: flex; align-items: end; justify-content: right; }*/
.eprappcon .medhis .btndet button { display: flex; align-items: center; }
.eprappcon .medhis .btndet button i { float: left; height: 16px; margin-right: 4px; color: inherit; }
.eprappcon .medhis .dovfacdiv img { width: 75px; height: 75px; border-radius: 100px;margin-bottom: 10px;border: 1px solid #ddd;}
img.facimg{height: 35px;border: 1px solid #ddd; border-radius: 5px;margin-right: 6px;}
.eprappcon .rightbar { background: #F7F8FB; padding: 15px !important;position: sticky;align-self: start;top: 0; height:100vh;}
.medhis .list-group-item{padding-left:0;padding-right:0;}
.modal-content .list-cntainer { margin: 5px 0 !important; }
.eprappcon .sticky-wrapper { height: auto !important; width: 320px; padding: 0; background: #F7F8FB; }
.eprappcon .sticky-wrapper .rightbar { width: 100%; }
.modal-body.docappnmnt { margin: 0; width: 100%; background: #fff; padding-bottom: 25px; }
.notifpage .docprolft .media-body { display: flex; flex-direction: column; white-space: unset !important; }
.notifpage .docprolft .media-body p { display: flex; align-items: center; white-space: unset !important; }
.notifpage .docprolft .media-body p i { height: 16px; float: left; color: #9e9e9e; font-size: 12px; }
.cmpright a { justify-content: space-between; display: flex; align-items: center; background: 0 0; border: 1px solid #ddd; border-radius: 0px; position: relative; padding: 12px 15px; font-weight: 500; margin: 0; margin-bottom: 0px; color: #333; margin-bottom: 10px; }
.cmpright a div { display: flex; align-items: center; }
.cmpright a i { float: left; height: 16px; margin-right: 4px; }
.cmpright a:hover { background: #fff; transition: all .3s; }
.RowItem.benfpopa { border: 1px solid #ddd; font-size: 13px; }
.cmpbenbox { font-size: 13px; }
.spin-insde { margin: auto; text-align: center; }
.spin-insde img { width: 30px; margin-top: 100px; }
.cmpdrgsrch { text-align: left; display: flex; align-items: end; }
.smaininner .cmpdrgsrch select.form-select { height: 42px !important; }
.media.notifbox { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; align-items: flex-start; position: relative; }
.media.notifbox h6 { font-weight: 600; color: #000; }
.media.notifbox:last-child { border-bottom: 0; }
button.slot { border: 1px solid #ddd; float: left; background: #E2E3E5; color: #41464B; padding: 5px 10px; margin-right: 6px; margin-bottom: 6px; }
button.slot:hover { background-color: rgba(204, 228, 245, 0.3); border: 1px solid rgb(204, 228, 245); }
.appotp { margin-top: 10px; border-radius: 5px !important; }
.verify {background: #fff; margin: auto; text-align: center; margin-top: 50px;width: 500px !important;padding: 30px 25px;border-radius: 5px;}
.appotp input.form-control { height: 55px !important; border-radius: 15px !important; margin: 0 4px; text-align: center; font-size: 20px; }
.btn.btn-light.active.slot { background: #4bae4f !important; color: #fff !important; border-color: #4bae4f !important; }
/*********************offer module*****************/
.offerwrapp { padding: 0; background: #fff; min-height: 100vh; }
.offerwrapp .ofhdr { display: flex; align-items: center; justify-content: space-between; padding: 20px 25px; /*box-shadow: rgb(0 0 0 / 4%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 0px 8px 0px !important;*/ z-index: 9; position: fixed; top: 0; width: 100%; background: #fff; border-bottom: 1px solid #dadce0; }
.offerwrapp .ofhdr .offrback { display: flex; align-items: center; background: #C12C7B; color: #fff; padding: 10px 12px; border-radius: 5px; margin-right: 20px; cursor: pointer; }
.offerwrapp .ofhdr .offrback i { float: left; margin-right: 2px; line-height: normal; height: 20px; font-size: 20px; }
.offerwrapp .ofhdr .ofhdrrght {display: flex;align-items: center; justify-content: space-between; }
.offerwrapp .ofhdr input { height: 40px; border: 1px solid #ddd; padding: 6px 12px; border-radius: 5px 0 0 5px; width: 350px; border-right: 0; }
.offerwrapp .ofhdr h3 { font-size: 25px; color: #c12c7b; font-weight: 600; margin: 0; }
.offerwrapp .ofhdr button.searchButton { border: 0; padding: 0 14px !important; height: 40px; border-radius: 0 5px 5px 0 !important; float: right; }
.offerwrapp .ofhdr button.searchButton i { float: left; height: 14px; line-height: 25px; margin-right: 4px; }
.offerwrapp .offercon { padding: 100px 25px; }
.offerwrapp .offercon button { border: 0; background: none; }
.offerwrapp .offercon .offcatgry { padding: 0; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; }
.offerwrapp .offercon .offtiles { padding: 0; }
.offerwrapp .offercon .offcatgry button { border: 1px solid #ddd; padding: 6px 10px; border-radius: 50px; }
.offerwrapp .offercon .promotile { border: 1px solid #ddd; padding: 0 !important;width: 23%;margin: 1% !important;position: relative;transition: transform .2s ease,box-shadow .2s ease;border-radius: 15px;}
.offerwrapp .offercon .promotile:hover { transform: translateY(-2px); box-shadow: 0 6px 18px 0 rgba(32,32,149,.1); z-index: 1; }
.offerwrapp .offercon .promotile button { padding: 0; }
.offerwrapp .offercon .promotile .offtildata { padding: 10px; text-align: left; }
.offerwrapp .offercon .promotile .offview { position: absolute; top: 5px; right: 5px; background: #fff; border-radius: 4px; padding: 5px; display: flex; align-items: center; box-shadow: 0 6px 18px 0 rgb(32 32 149 / 10%); font-size: 12px; }
.offerwrapp .offercon .promotile .offview i { float: left; line-height: normal; margin-right: 2px; font-size: 12px; height: 12px; }
.offerwrapp .offercon .promotile h4, .offrmodal h4 { font-size: 16px; font-weight: 600; color: #000; }
.offerwrapp .offercon .promotile p, .offrmodal p { margin: 0; }
.offerwrapp .offercon .offsort select { height: auto !important; }
.offerwrapp .offercon .offcatgry button.offcat_active { background: #333; border-color: #333; color: #fff; }
button.offrclrbtn { position: absolute; right: 95px; top: 10px; border: 0; background: 0; font-size: 16px; color: #fd5c5c; }
.offrmodal .popcontent { margin-top: 10px; }
.offrmodal .popcontent .ofrpopdet { display: flex; align-items: center; }
.offrmodal .popcontent .ofrpopdet button { display: flex; align-items: center; margin: 0; padding: 0; border: 0; background: none; color: #434343 !important; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.offrmodal .popcontent .ofrpopdet span { white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.offrmodal .popcontent .ofrpopdet i, .offrmodal .popcontent .ofrpopdet button i { height: 16px; float: left; margin-right: 2px; }
.offrmodal .popcontent ul.offerinfo { padding: 10px 25px; margin: 10px 0; display: block; font-size: 12px; }
.offrmodal .popcontent .websm { display: flex; justify-content: space-between; }
.offrmodal .popcontent .websm h6 { color: #000; font-size: 14px; font-weight: 600; }
.offrmodal .popcontent .websm .popsm { text-align: right; }
.offrmodal .popcontent .websm .popsm ul.smul { display: flex; align-items: center; list-style: none; padding: 0; justify-content: right; }
.offrmodal .popcontent .websm .popsm ul.smul li { margin-left: 5px; }
.offrmodal .popcontent .websm .popsm ul.smul li a img { width: 20px; }
.offrmodal .ofrpopbtm { background: #C12C7B; text-align: center; padding: 12px; border-radius: 5px; }
.offrmodal .ofrpopbtm a { color: #fff; display: flex; align-items: center; justify-content: center; }
.offrmodal .ofrpopbtm a i { float: left; height: 14px; margin-right: 4px; }
.offrmodal .popcontent .catbadge { position: absolute; top: 20px; right: 20px; background: #fff; padding: 5px 10px; border-radius: 5px; font-size: 12px; box-shadow: 0 6px 18px 0 rgb(32 32 149 / 10%); }
.s_main .content .grids li button { padding: 12px 18px; border: 0; display: flex; align-items: center; color: #222; font-weight: 700 !important; }
.s_main .content .grids li button.active { background: #607d8b; box-shadow: rgb(0 0 0 / 4%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 0px 8px 0px !important; border-radius: 6px !important; color: #fff; }
.s_main .content .grids li button i { font-size: 15px; height: 18px; float: left; margin-right: 4px; }
.s_main .content .grids ul { padding: 0; }
.cmpbxdiv div { display: flex; align-items: center; }
.cmpbxdiv div i { display: flex; align-items: center; margin-right: 3px; }
button.btnRegisterNewDrug, span.btnRegisterNewDrug { display: inline-flex; align-items: center; }
button.btnRegisterNewDrug i, span.btnRegisterNewDrug i { height: 18px; float: left; margin-right: 2px; }
.red2 { color: red; }
.bendetrw { display: flex; align-items: center; margin-bottom: 5px; }
.bendetrw div:first-child { margin-right: 10px; }
.cmpinsrch { display: flex; align-items: center; }
.cmpinsrch button { height: 35px; width: 42px; display: flex; justify-content: center; }
/*.gridinner { overflow: auto; white-space: nowrap; display: flex; align-items: center; }*/
/*********************status-colo-codes*****************/
.Confirmed { color: #0076BF !important; font-weight: 600 !important; font-size: 13px !important; }
.Canceled { color: #e81919 !important; font-weight: 600 !important; font-size: 13px !important; }
.Submitted { color: #ff892a !important; font-weight: 600 !important; font-size: 13px !important; }
.Completed { color: #198754 !important; font-weight: 600 !important; font-size: 13px !important; }
/*********************news-module*****************/
.latestnws{margin-bottom: 50px!important;}
.latestnws .newshdr { display: flex; justify-content: space-between; align-items: self-start; }
.latestnws .LatestNewscon .newsbx {padding: 0px!important;padding-right: 12px!important;}
.latestnws .LatestNewscon .newsbx:last-child {padding-right: 0px!important;}
.latestnws .LatestNewscon .newsbx img{width: 100%;border: 1px solid #ddd;border-radius: 15px;}
.newsbx span {display: flex;align-items: center;color: #999;margin-top: 10px;font-size: 13px;}
.newsbx span i{height: 16px;font-size: 12px;margin-right: 5px;}
.newsbx h4 { color: #333; font-size: 18px; margin: 10px 0; }
.imgoutdiv {width: 100%;height: 220px;overflow: hidden;border-radius: 15px;}
.imgoutdiv .offerbtnimg {min-height: 100%;width: 100% !important;}
.LatestNewswrapp .ofhdrrght {justify-content: space-between;width: 100%;}
.LatestNewswrapp .ofhdr h3 { color: #e2a519; }
.LatestNewswrapp .ofhdr .offrback {background: #e2a519;}
.newsslide{ box-shadow: 0px 3px 11px 0px rgb(0 0 0 / 15%); border-radius: 15px; padding: 0 !important; }
.newsslide .carousel-item img{height: 385px;border-radius: 15px;}
.newsinnrght { padding: 0 !important; padding-right: 50px !important; }
.newsinnrght h4 { margin-bottom: 10px; }
.newsinnrght .newsdetbox {padding: 15px;margin-top: 10px;background: #ededed;border-radius: 15px;}
a.morenewsbtn{margin-top:20px;float:left;text-decoration:underline;}
.tag-slider-track {  display: flex;/*  justify-content: space-between;*/  flex-direction: row;}
.tag-slider-track a {  margin: 0 5px;  text-decoration: none;  padding: 0 10px;  display: inline-block;  outline: none !important;}
.tag-slider-track-outer {    float: left; width: 100%;  overflow: hidden;  white-space: nowrap;  display: inline-block;}
.tag-slider-track:first-child {    margin-left: 0;}
.track-button {position: absolute;z-index: 1;top: 40px;left: -10px;padding: 14px;background: #f8fafb;border-radius: 3px;pointer-events: none;opacity: 0;height: 80px;line-height: 55px;}
.track-right-button {left: auto;    right: -10px;}
.track-right-button, .track-left-button {pointer-events: initial;opacity: 1;    background-color: #fff;    cursor: pointer;}
.track-right-button {font-size: 16px;color: #5f7d95;}
.s_main .content .grids:after {content: '';position: absolute;bottom: 10px;left: 0;width: 75px;height: 75px;pointer-events: none;}
.s_main .content .grids:after { left: auto; right: 0;background: linear-gradient(270deg, #ffffff 50%, rgb(255 255 255 / 0%) 100%);}
.spanInquirie{position:relative;font-style:normal;}
.landalert {display:none;}
.landalert button.btn-close{top: 10px;  position: absolute;right: 10px;font-size:16px;}
.alert.bg-dark .btn-close{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
img.policylogo.cignapayerlogo {height: auto !important;}
.checkWAPhone{display: flex;align-items: center;}
.checkWAPhone label{margin:0;color: #999;}
.odrbtn .btn, .odrbtn a { border-radius: 100px; height: 35px; width: 35px; display: flex;align-items: center;justify-content: center;}
.odrbtn i{height: 18px;}
span.user-info { white-space: nowrap !important;overflow: hidden;text-overflow: ellipsis;max-width: 85%;display: block;width: 85%;}
/************************************order-page************************/
.ordrrow{}
.ordrrow .form-control{height: 42px !important;border-radius: 8px !important;}
.ordrleft{padding-right: 40px!important;border-right: 1px solid #ccc;}
.ordrrght{padding-left: 40px!important;}
.mapbtn{display:flex;align-items:center;justify-content:end;position:absolute;top:0;}
.mapbtn button.bntsel{font-size:14px; }
.ordrrow .content {margin-bottom: 15px !important;}
.subbtns .btn{display:flex;align-items:center;height:50px;justify-content:center;    border-radius: 8px;}
.subbtns .btn i{    height: 18px;}
.ordtails p{font-size:15px;font-weight:bold;}
.drugdtls button.accordion-button{    font-size: 14px;}
.drugdtls nav button{padding:15px 20px;}
.drugdtls .nav-tabs .nav-link.active{color:#fff;background:#4a4a4a;}
.mapview{width: 100%; height: 100vh;}
button.trackbtn{padding: 12px 15px;border:2px solid;}
.ratingCol {width: 25%;display: flex;text-align: center;justify-content: center;align-items: center;padding: 28px 0;border-radius: 10px;cursor: pointer;}
.ratingCol figcaption{margin-top: 8px;}
.ratingCol figure{margin: 0;}
.rating-wrapper {align-self: center;border-radius: 5rem;display: flex;direction: rtl !important;padding: 1.5rem 2.5rem;}
.ratingCol.active {
    background-color: #f1f1f1;
}
.ratingCol:hover {background-color: #f1f1f1;}
.reactionActive {
    background-color: #f1f1f1;
}
.histryhd th{padding-top:16px;padding-bottom:16px;}
/************tracking-page*****************/
#tracking {
    background: #fff
}

.tracking-detail {
    padding: 3rem 0;
}

#tracking {
    margin-bottom: 1rem;
}

[class*="tracking-status-"] p {
    margin: 0;
    font-size: 1.1rem;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

[class*="tracking-status-"] {
    padding: 1.6rem 0;
}

.tracking-item {
    border-left: 2px solid #0b5ed7;
    position: relative;
    padding: 2rem 1.5rem 0.5rem 2.5rem;
    font-size: 0.9rem;
    margin-left: 3rem;
    min-height: 5rem;
}

.tracking-itemRed {
    border-left: 2px solid #Ff0000;
    position: relative;
    padding: 2rem 1.5rem 0.5rem 2.5rem;
    font-size: 0.9rem;
    margin-left: 3rem;
    min-height: 5rem;
}

    .tracking-itemRed:last-child {
        padding-bottom: 4rem;
    }

    .tracking-itemRed .tracking-date {
        margin-bottom: 0.5rem;
    }

        .tracking-itemRed .tracking-date span {
            color: #888;
            font-size: 85%;
            padding-left: 0.4rem;
        }

    .tracking-itemRed .tracking-content {
        padding: 0.5rem 0.8rem;
        background-color: #f4f4f4;
        border-radius: 0.5rem;
    }

        .tracking-itemRed .tracking-content span {
            display: block;
            color: #767676;
            font-size: 13px;
        }

    .tracking-itemRed .tracking-icon {
        position: absolute;
        left: -0.6rem;
        width: 1.1rem;
        height: 1.1rem;
        text-align: center;
        border-radius: 50%;
        font-size: 1.1rem;
        background-color: #fff;
        color: #Ff0000;
    }

.tracking-itemRed-pending {
    color: #d6d6d6;
    border-left: 2px solid #d6d6d6;
    position: relative;
    padding: 2rem 1.5rem 0.5rem 2.5rem;
    font-size: 0.9rem;
    margin-left: 3rem;
    min-height: 5rem;
}

    .tracking-itemRed-pending:last-child {
        padding-bottom: 4rem;
    }

    .tracking-itemRed-pending .tracking-date span {
        color: #888;
        font-size: 85%;
        padding-left: 0.4rem;
    }

    .tracking-itemRed-pending .tracking-content {
        padding: 0.5rem 0.8rem;
        background-color: #f4f4f4;
        border-radius: 0.5rem;
    }

        .tracking-itemRed-pending .tracking-content span {
            display: block;
            color: #767676;
            font-size: 13px;
        }

    .tracking-itemRed-pending .tracking-icon {
        line-height: 1.2rem;
        position: absolute;
        left: -0.56rem;
        width: 1rem;
        height: 1rem;
        text-align: center;
        border-radius: 50%;
        font-size: 1.1rem;
        color: #d6d6d6;
    }

    .tracking-itemRed-pending .tracking-content {
        font-weight: 600;
        font-size: 16px;
    }

.tracking-itemRed .tracking-icon.status-current {
    width: 1.9rem;
    height: 1.9rem;
    left: -1.1rem;
}

.tracking-itemRed .tracking-icon.status-intransit {
    font-size: 0.6rem;
}

.tracking-itemRed .tracking-iconcancelled.status-cancelled {
    color: #FF0000;
    font-size: 0.6rem;
}

.tracking-itemRed .tracking-icon.status-current {
    color: #0b5ed7;
    font-size: 0.6rem;
}
    .tracking-item:last-child {
        padding-bottom: 4rem;
    }

    .tracking-item .tracking-date {
        margin-bottom: 0.5rem;
    }

        .tracking-item .tracking-date span {
            color: #888;
            font-size: 85%;
            padding-left: 0.4rem;
        }

    .tracking-item .tracking-content {
        padding: 0.5rem 0.8rem;
        background-color: #f4f4f4;
        border-radius: 0.5rem;
    }

        .tracking-item .tracking-content span {
            display: block;
            color: #767676;
            font-size: 13px;
        }

    .tracking-item .tracking-icon {
        position: absolute;
        left: -0.6rem;
        width: 1.1rem;
        height: 1.1rem;
        text-align: center;
        border-radius: 50%;
        font-size: 1.1rem;
        background-color: #fff;
        color: #fff;
    }

.tracking-item-pending {
    color: #d6d6d6;
    border-left: 2px solid #d6d6d6;
    position: relative;
    padding: 2rem 1.5rem 0.5rem 2.5rem;
    font-size: 0.9rem;
    margin-left: 3rem;
    min-height: 5rem;
}

    .tracking-item-pending:last-child {
        padding-bottom: 4rem;
    }

        .tracking-item-pending .tracking-date span {
            color: #888;
            font-size: 85%;
            padding-left: 0.4rem;
        }

    .tracking-item-pending .tracking-content {
        padding: 0.5rem 0.8rem;
        background-color: #f4f4f4;
        border-radius: 0.5rem;
    }

        .tracking-item-pending .tracking-content span {
            display: block;
            color: #767676;
            font-size: 13px;
        }

    .tracking-item-pending .tracking-icon {
        line-height: 1.2rem;
        position: absolute;
        left: -0.56rem;
        width: 1rem;
        height: 1rem;
        text-align: center;
        border-radius: 50%;
        font-size: 1.1rem;
        color: #d6d6d6;
    }

    .tracking-item-pending .tracking-content {
        font-weight: 600;
        font-size: 16px;
    }

.tracking-item .tracking-icon.status-current {
    width: 1.9rem;
    height: 1.9rem;
    left: -1.1rem;
}

.tracking-item .tracking-icon.status-intransit {
    color: #0b5ed7;
    font-size: 0.6rem;
}
.tracking-item .tracking-iconcancelled.status-cancelled {
    color: #FF0000;
    font-size: 0.6rem;
}

.tracking-item .tracking-icon.status-current {
    color: #0b5ed7;
    font-size: 0.6rem;
}

@media (min-width: 992px) {
    .tracking-item {
        margin-left: 5rem;
    }

    .tracking-itemCancelled {
        margin-left: 5rem;
        color: #FF0000;
    }

        .tracking-item .tracking-date {
            position: absolute;
            left: -10rem;
            width: 7.5rem;
            text-align: right;
        }

            .tracking-item .tracking-date span {
                display: block;
            }

        .tracking-item .tracking-content {
            padding: 0;
            background-color: transparent;
        }

    .tracking-item-pending {
        margin-left: 5rem;
    }

        .tracking-item-pending .tracking-date {
            position: absolute;
            left: -10rem;
            width: 7.5rem;
            text-align: right;
        }

            .tracking-item-pending .tracking-date span {
                display: block;
            }

        .tracking-item-pending .tracking-content {
            padding: 0;
            background-color: transparent;
        }
    .tracking-itemRed {
        margin-left: 5rem;
    }

    .tracking-itemRedCancelled {
        margin-left: 5rem;
        color: #FF0000;
    }

    .tracking-itemRed .tracking-date {
        position: absolute;
        left: -10rem;
        width: 7.5rem;
        text-align: right;
    }

        .tracking-itemRed .tracking-date span {
            display: block;
        }

    .tracking-itemRed .tracking-content {
        padding: 0;
        background-color: transparent;
    }

    .tracking-itemRed-pending {
        margin-left: 5rem;
    }

        .tracking-itemRed-pending .tracking-date {
            position: absolute;
            left: -10rem;
            width: 7.5rem;
            text-align: right;
        }

            .tracking-itemRed-pending .tracking-date span {
                display: block;
            }

        .tracking-itemRed-pending .tracking-content {
            padding: 0;
            background-color: transparent;
        }
}

.tracking-item .tracking-content {
    font-weight: 600;
    font-size: 17px;
}
.tracking-date i{font-size: 20px;}
.spdate{color: #555;font-size: 12px;}
.itemStatusPositive {color: #0b5ed7;display: block;}
.itemStatusCancelled {color: #Ff0000;display: block;}
.spattr {color: #555;font-size: 12px;text-align:right;}
.pharminfo {position: fixed;bottom: 5px;left: 20px;width: 325px; box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 30%);z-index: 999;color: #222;text-align:center;border: 1px solid #ccc;background: #fff;}
.pharminfo button.btn-close{top: 10px;  position: absolute;right: 10px;font-size:16px;}
.pharminfo a{border: 2px solid #999;color: #333;}
.stdate i{font-size: 13px;height: 14px;}
#upalert {
    display: none;
}
.pharminfo h6:first-of-type{font-weight:600;}
.pharminfo img {
    animation: horizontal-shaking 1s linear infinite;
}
@keyframes horizontal-shaking {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(5px)
    }

    50% {
        transform: translateX(-5px)
    }

    75% {
        transform: translateX(5px)
    }

    100% {
        transform: translateX(0)
    }
}
.bodybg{position:fixed;background:#000; opacity:.5;width:100%;height:100vh;left:0;top:0;z-index:999;}
.clchck{display:flex;align-items:center;margin-bottom: 6px;}
.clchck label{    margin-left: 5px;}
/***********************mfa-screens********************/
.mfabg{background:#f4f4f4;height:100vh;}
.actpg.mfacon{border-radius: 30px;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);margin-top: 3rem;}
.actpg.mfacon .logbrand{margin-bottom: 1rem;}
.actpg.mfacon .otpdiscdiv{display: flex;    flex-direction: column;    align-items: center;    justify-content: center;}
.actpg.mfacon .otpdiscdiv label{    text-align: center;    font-size: 15px;    font-weight: 500;    line-height: 24px;}
.nsecure{display:flex;justify-content:center;flex-direction:column;align-items: center;margin-top:2rem!important;}
.nsecure img {width: 150px;margin-top: 10px;}
button.btnmethd {
    border: 0;
    margin-bottom: 1rem;
    background: none;
    text-decoration: underline;
    font-size: 15px;
}
.actpg.mfacon .card i{font-size:1rem;}
.actpg.mfacon .form-control {
    margin-bottom: 15px;
    border-radius: 10px!important;
}
a.help {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    box-shadow: rgba(30, 30, 46, 0.3) 0px 2px 6px;
    border-radius: 100px;
    width: auto;
    padding: 0;
    margin: 0;
}
a.help svg {
    width: 3rem;
    height: 3rem;
}
/*********************responsive-codes*****************/
@media(max-width:1700px) {
    .right-bar .nav.mynas > li > a { font-size: 0; }
    .nav.mynas > li > a i { font-size: 12px; }
    .right-bar { width: 22%; padding: 20px; overflow: hidden; }
    .s_main .content { padding: 0 70px 0 40px; }
    .page-header-nas { padding: 20px 70px 0 40px; }
    .s_main .content .grids .box h4 { position: unset; font-size: 14px; }
}
@media(max-width:1680px) {
    .s_main .content .grids .owl-nav { display: block; }
}
@media(max-width:1600px) {
    .downlft { display: block; text-align: center; }
    .r8grd img.hmain { width: 80%; margin: 0; }
    .dwnlftcont h3 { font-size: 18px; }
    .dwnlftcont p { display: none; }
    .dwnlg img { width: 100px; }
    .dwnlg { margin-top: 10px; }
}
@media (min-width:1500px) {
    .spanInquirie { margin-top: 30px; padding: 12px }
    .mbappland .dwnlg img { width: 130px }
    .mbappland h3 { font-size: 30px }
}
@media(max-width:1500px) {
    .s-login .login-inner .right-app img { width: 350px }
    .s-login .login-inner { width: 1000px }
    .s-login .login-inner .right-app .app-logo { margin-bottom: 0 }
    .side-bar { width: 70px }
    .s_main .content .offerwrap { padding: 20px !important }
    .s_main .content .welcome { padding-left: 25px }
    .right-bar { padding: 15px }
    .s_main { padding-left: 80px }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { font-size: 12px }
    .right-bar .card-sec .disc { bottom: 15px; left: 15px }
    .s_main .content .offerwrap a.more { right: 20px; top: 20px }
    .right-bar .card-sec a.more { right: 20px; top: 15px }
    .container { width: 1000px }
    .info-right .tile { height: 137px !important }
    .spanInquirie { position: relative }
    .smaininner .head { padding: 20px 0 0 0 }
    .info-right .tile-content img { margin: 10px; width: 40px; }
    .mbappland .hhart img { width: 300px; }
    .r8grd img.hmain { width: 75%; }
    .docprofmain .docprolft{width:100%;}
}
@media(max-width:1300px) {
    .mbappland .hhart img { width: 250px; }
    .mbappland h3 { line-height: 30px; }
    .settbox { width: 48%; }
    .imgoutdiv { height: 175px; }
}
@media(max-width:1200px) { 
    .container { width: 850px }
    .tile-content img { margin-bottom: 0 }
    .info-right .tile { height: 117px !important }
    .contact .cntry { height: 350px }
    .inside-wrap .nav-tabs > li { width: auto }
    .inside-wrap .nav-tabs > li > a { line-height: inherit }
    .netwrklist .box a h4 { padding-right: 10%; line-height: 22px }
    .threadb .btn { padding: 10px 10px !important; font-size: 12px !important }
    .info-right .tile-content img { margin: 10px; width: 40px; }
    .netwrklist .box { flex-wrap: wrap; }
    .netwrklist .box a { width: 48%; /*margin: 0 1% 2% 1%;*/ margin-bottom: 2% !important; }
    .netwrklist .box a:last-child { margin: auto; }
    .clinic-card, .doctor-card, .hospital-card { width: 100% !important; margin: 0 !important; margin-bottom: 1% !important; }
    .clinic-card h6, .doctor-card h6, .hospital-card h6 { max-width: 70%; }
    .info-right .tile-content h5 { font-size: 15px; }
    .hhubsearchContainer input { width: 94%; }
    .netwrklist.downlist .box a { width: 49%; }
    #btnRegisterNewDrug span { font-size: 0 !important; }
    .chrontab li { width: 50% !important; }
    .s_main .content .grids .owl-hh .owl-nav {display: block;}
    .drugdtls nav button {padding: 12px 15px;}
    .tracking-item .tracking-content{padding: 0;background: #fff;margin-bottom: 6px;}
   
}
@media(max-width:1100px) {
    .s-login .login-inner { width: 900px }
    .copysec { display: none }
    .mbappland { margin-top: 20px !important; border-radius: 5px; margin-bottom: 15px !important }
    .copysec2 { display: block }
    .right-bar { position: relative; width: calc(100% - 90px); margin-left: 40px; border-radius: 5px; margin-bottom: 25px; padding: 25px }
    .s_main .content .offerwrap { margin-bottom: 20px !important }
    .right-bar .card-sec { width: 47%; margin-right: 3% }
    .nav-tabs > li { width: 33.3333% }
    .right-bar .card-sec h3 { float: left }
    .right-bar .card-sec a.more { position: relative; float: right; margin-top: -15px; z-index: 9 }
    .s_main { width: 100% }
    .right-bar .nas-col-adj-right { width: 50%; height: auto; min-height: 275px }
    .right-bar .serviceprovider_scroll { max-height: 250px !important }
    .s_main .content { padding: 0 50px 0 40px; }
    .page-header-nas { padding: 20px 50px 0 40px; }
    .imgoutdiv { height: 165px; }
    .offerwrapp .ofhdr h3{font-size:20px;}
}
@media(max-width:991px) {
    .container.bcash { width: calc(100% - 25px) }
    .s-login .login-inner .right-app { display: none; }
    .s-login .login-inner { width: 500px }
    .s-login .login-inner .lft-form { padding: 0 !important; width: 100%; }
    .s-login .login-inner .lft-form::after { display: none }
    .s-login .login-inner .lft-form h3 { margin-bottom: 30px }
    .s-login .login-inner .lft-form .flds { margin-bottom: 25px !important }
    .s-login .login-inner .form-group-header { width: 100% }
    .s-login .login-tit { font-size: 15px }
    .reg-p .inpcaptcha { width: 100% }
    .reg-p .btns { width: 100% }
    .s-login { height: 100% }
    .side-bar .s-menu { margin-top: 0 }
    .s_main .content .welcome h6 { line-height: 20px }
    .inside-wrap .side-bar { display: none }
    .container { width: 90% }
    .fam-left { padding-right: 0 !important }
    .netwrklist .box a h4 { margin-right: 0 }
    .threadb .btn { padding: 10px 10px !important; font-size: 12px !important }
    .copyland { flex-direction: column; margin: 0px 0; border-radius: 0; }
    .loghdr { margin-bottom: 25px; }
    .frwrap .actpg { width: 100% !important; }
    .question-mark-parent-div { top: 5px; }
    .copysecin { flex-direction: column; }
    .nas-col-adj-right { padding: 0 !important; margin-top: 20px !important; }
    .chlist { margin: 0 0 1% 0 !important; width: 100%; }
    .offerwrapp .offercon .promotile { width: 31.333%; }
    .offerwrapp .ofhdr input{width:250px;}
    .offerwrapp .ofhdr .offrback{margin-right:10px;}
    .offerwrapp .ofhdr { padding: 15px; }
    .offerwrapp .ofhdr input{width:175px;}
    .newsinnrght { padding-right: 0px !important; margin-bottom: 25px !important; }
    .newsslide .carousel-item img { height: auto; }
    .appcont .apwrap, .appcont .appconleft{border-radius:0;}
    .appcont .appconleft{padding:25px!important;}
    .appcont .appconleft img{width:50%;}
    .appcont .appconrght ul.nav-tabs button{font-size:13px;}
    .appcont .appconrght ul.nav-tabs button i{font-size:15px;}
    .eprappcon .rightbar{position: relative;height: auto;}
    .eprappcon .medhis{padding:0;}
     .eprappcon{flex-direction:column-reverse;}
    .ordrrght{padding-left:0!important;}
    .ordrleft{padding-right:0!important;border:0;margin-top: 20px !important;}
}
@media(max-width:767px) {
    img.cshbr { width: 100px }
    .mbappland { padding: 30px; height: auto; }
    .divdis { width: 200px }
    .s_main .content .nas-col-adj-left { width: 100% }
    .subresimg { padding: 0 !important; margin-top: 20px !important }
    img.subimg { width: 100% }
    .inofr .listoffr { width: 100%; margin: 0 !important; margin-bottom: 1% !important }
    .s_main .content .offerwrap { margin-bottom: 10px !important; min-height: auto; width: 100% }
    .prov { text-align: left }
    .epredate, .eprestatus { text-align: left; float: left }
    .s_main .content .welcome { background-image: none; height: 250px; width: 100% }
    .s_main .content .welcome h1 { font-size: 25px; }
    .s_main .content .welcome h6 { width: 95%; max-height: 175px; }
    .r8grd { height: auto; width: 100%; margin-top: 20px }
    .r8grd .boxr { width: 49%; margin-right: 2%; margin-bottom: 0 }
    .no-mar-bt { margin-right: 0 !important }
    .r8grd .boxr h4 { font-size: 14px }
    .s_main .content .offerwrap .listoffr { width: 48%; margin: 1% }
    .s_main .content .grids .box h4 { font-size: 14px }
    .info-right { padding: 0 !important }
    .contact .cntry { width: 100%; margin-right: 0; height: auto }
    .netwrklist .box a { width: 100%; margin-right: 0; height: auto !important }
    .hhubsearchContainer input { width: 90% }
    .media { display: block !important }
    .image-doctor-holder { float: left; width: 100% }
    .image-holder { width: 100%; height: auto; margin-right: 0 }
    .thrdup { float: left; text-align: left; width: auto; padding: 0 !important; margin-top: 10px !important }
    .thrdup .inbtn { float: left !important; padding: 0 !important; margin-top: 4px !important }
    .info-right .tile { height: auto !important; border-radius: 15px; }
    .policy-data .box { padding: 5px; }
    .mbappland .hhart img { display: none; }
    .mbappland .appmnt img { width: 125px; margin-bottom: 10px; }
    .mbappland h3 { line-height: 25px; font-size: 20px; margin-bottom: 10px; }
    .r8grd img.hmain { width: 35%; }
    .appmnt { width: 100%; }
    .dwnlg img { width: 125px; }
    .settbox { width: 100%; margin: 1% 0 !important; }
    .media-body { float: left; width: 100%; margin-top: 10px; }
    .netwrklist.downlist .box a { width: 100%; margin: 0 !important; margin-bottom: 1% !important; }
    .offerwrapp .ofhdr{display:block;}
    .ofrsearch { margin-top: 10px; }
    .offerwrapp .ofhdr input { width: 100%; }
    .offerwrapp .ofhdr button.searchButton { position: absolute; right: 0; }
    .offerwrapp .offercon { padding: 135px 15px; }
    .offerwrapp .offercon .promotile { width: 48%; }
    .doctor .searchButton span {font-size: 0;}
    .hhubsearchContainer .searchButton i{margin-right:0;}
    .docprofmain .docprolft .docproeligdiv{padding:0!important;border:0;margin-top: 15px!important;}
    .tabfaclty .clinic-card {width: 100% !important;}
    .docprofbtm ul.nav-tabs li button span{display:none;}
    .ratingCol{width: 100%;padding: 20px 0;}
    button.trackbtn{width: auto !important;padding: 12px 20px;}
}
@media(max-width:700px) {
    .ben .bennation { padding-top: 0px; width: 100%; }
    .ben .bennation div { float: left; margin-right: 12px; }
}
@media(max-width:600px) {
    img.cshbr { width: 100%; margin-left: 0 }
    .divdis { width: 100%; margin-left: 0 }
    .right-bar { width: calc(100% - 60px); margin-left: 30px }
    .copysec2 { width: calc(100% - 60px); margin-left: 30px }
    .page-header-nas { padding: 30px 30px 0 30px; margin-bottom: 15px }
    .s-login .login-inner { width: 100%; padding: 30px 40px }
    .s-login .login-inner .right-app img { width: 100% }
    .s-login .login-inner .right-app .app-logo img { width: 100px; height: auto }
    .right-bar .card-sec { width: 100% }
    .right-bar .nas-col-adj-right { width: 100% }
    .s_main .content .grids .box img { width: 28px }
    .s_main .content .welcome h6 { width: 90% }
    .s_main { padding-left: 0 }
    .side-bar { display: none }
    #ulElements li { width: 100% }
    .policy-data { width: 100% }
    .policylogo { width: 100%; margin-left: 0 }
    .doctor .searchButton { width: 10%; }
    .s_main .content { padding: 0 25px 0 25px }
    .actpg { width: 100% !important }
    .s-login .login-tit h4 { font-size: 15px; }
    .s-login .login-tit h4 i { font-size: 12px !important; margin-right: 4px !important; }
    .hhubsearchContainer input { width: 88%; }
    .offerwrapp .offercon .promotile { width: 100%; margin: 0 !important; margin-bottom: 0px; margin-bottom: 15px !important; }
    .imgoutdiv { height: auto; }
    .offerwrapp .offercon .offcatgry { flex-direction: column; align-items: self-start; }
    .offerwrapp .offercon .offcatgry button { padding: 6px 6px; font-size: 12px; }
    .offsort{margin-top:6px;}
    .offerwrapp .ofhdr .offrback { padding: 6px; font-size: 13px; }
}
@media(max-width:450px) {
    .s-login { background: url(../img/bg.jpg) top left -350px no-repeat; background-size: cover }
    .s_main .content .offerwrap { margin-top: 5px !important }
    .s_main .content .grids .box h4 { bottom: 25px }
    .hhubsearchContainer input { background-size: 16px }
    .s_main .content .grids .box { width: 100%; }
    .r8grd .boxr { width: 100%; margin-bottom: 2%; margin-right: 0; height: 120px }
    .r8grd .boxr .dvHover { height: 120px }
    .s_main .content .offerwrap .listoffr { width: 100%; margin: 0; margin-bottom: 10px }
    .doctor .searchButton { padding: 5px }
    .doctor .searchButton img { width: 100% }
    .nas-nav .m-nav a { margin-left: 10px }
    .chat-container { width: 320px }
    .senselySubContainer { height: 400px !important }
    .actpg { width: 100% !important; padding: 20px 10px }
    .s-login .login-tit { font-size: 0 }
    .s-login .login-inner .logbrand img { width: 110px; }
    .s_main .content .welcome h1 { font-size: 22px; }
    .hhubsearchContainer input { width: 86%; }
}
@media(max-width:400px) {
    .nas-back-icon { margin-right: 2px; width: 25px }
    .s_main .content .grids li button { padding: 10px 10px; }
    .docappnmnt { width:100%;}
}