@charset "UTF-8";
@import url("nitkkr.css");
@import url("vcring.css");
@import url("dev.css");

/* CSS Document */
body{font-family: Roboto,Helvetica Neue,sans-serif; background: #f4f4f4; color: #000; letter-spacing: 0.2px}
input{font-family: 'Didact Gothic', sans-serif;}
.sitemap{}
.sitemap a{ display: block; padding: 10px; color: #666; font-size: 16px; text-transform: capitalize; float:left; width: 18%; border:1px solid #ddd;}
.sitemap a:hover{ background: #f4f4f4;}

/*@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');*/

.prim-clr{ color: #0E315A}
.sec-clr{ color: #0E315A}
.prim-bg{ background: #0E315A}
.sec-bg{ background: #0E315A}
a{color: #0E315A}
.static-tip{background: #d9f1ff;
            font-size: 12px;
            padding: 5px 10px;
            margin: 8px 0;
            color: #0268c1;
            border-radius: 22px;
            display: inline-block;
            line-height: 17px;}

/*login*/
.logbox .form-field-wrap{ margin-bottom: 20px;}
.login-block{}
.login-grphc{ background: #003A58;
              height: 100%;
              position: fixed;}
.login-grphc img{}
.logbox{ width: 640px; margin: 0 auto;}
span.promoline{text-align: center;
               width: 100%;
               display: block;
               color: #fff;
               font-size: 30px;
               padding: 50px 0 0 0;}
.login-inputs{ width:321px !important;}
.loginbtn{ width:263px;margin-right: 0 !important;text-align: center;font-weight: 500;font-size: 18px;}
.welcom-log{font-size: 22px;margin-bottom: 25px;font-weight: 500;color: #0E315A;}
.login-wrapper{width:400px;margin: 0 auto; padding:40px; background: #fff; border-radius: 10px;
box-shadow: 0px 0px 12px 2px #999;}
.promo-msg{text-align: center;}
.promo-msg span{ display: block;}
.promo-msg span.prom-text{font-size: 18px;font-weight: 500;margin-bottom: 25px;}
.promo-msg span.demolink{}
.promo-msg span.demolink a{border: 1px solid;display: inline-block;padding: 6px 20px;font-size: 18px;font-weight: 500;border-radius: 4px;line-height: 30px;}
.promo-msg span.demolink a:hover{ background:#0E315A; color: #fff;}
.rstemail{font-size: 18px;margin-bottom: 20px;}
.rstmsg{color: green;margin-bottom: 20px;}

/*header wrapper*/
.header-wrapper{background:#0E315A; padding:1%;}
.wrapper{}
.header-fix{width: 100%;top: 0;z-index:2; position: sticky;}


/*navigation button*/
.navigation{padding: 10px 15px;}


/*header logo*/
.logo{}


/*header searchbox*/
.search-wrap{background: #fff;padding: 10px 20px;margin-left: 50px;border-radius: 4px;}
.sc-icn{margin-top: 4px;}
.crs-icn{margin-top: 4px;}
.srch-input{}
.search-box{width: 400px;margin: 0px 10px;padding: 2px;border: none;font-size: 14px;color: #666;}


/*setting button*/
.profile-wrap{padding: 10px;margin-right: 20px;}
.profile-wrap a{color: #fff;}
.setting-dropdown{background: #2371A2;border-radius: 4px;right: 0;width: 200px; overflow: hidden; z-index: 2}
.setting-dropdown a{padding: 12px 15px;display: block;line-height: 15px;}
.setting-dropdown a:hover{color:#fff; background: #124362;}

/*help section*/
.helpwrap{padding: 10px;margin-right: 20px;}

/*breadcrumb*/
.breadcrumb{ background: #fff; box-shadow: 0px 2px 4px #ccc;padding: 0.6%;font-size: 13px;}
.breadcrumb ul{margin: 0; padding: 0; list-style-type: none;}
.breadcrumb ul li{ float:left; margin: 0; padding: 2px 5px; list-style-type: none;}
.breadcrumb ul li a{}
.breadcrumb span{ float: left;}
.breadcrumb ul li.brcump-sep{ padding: 4px 5px;}

/*Dashboard*/
.db-boxz{ background: #fff; padding: 1.5%; border-radius: 8px; box-shadow: 0px 0px 11px -6px #919191; margin: 1% 0.5%;padding-bottom: 50px;}
.db30{width:27.7%;}
.db25{width:22%;}
.db20{width:13.1%;}
.db10{width:11.4%;}
.db50{width:44%;}
.db60{width:60.4%;}
.db90{width:93.2%;}
.db-cont-wrap{ width:78%;}
.db-block-ttl{font-size: 17px;font-weight: 500;margin-bottom: 10px; width: 85%;}
.dbminact{ position: absolute; right: 17px; bottom: 5px;}
.dbminact a{display: block;font-weight: 500;font-size: 13px; padding: 10px;border-radius: 100px;}
.dbminact a:hover{ background: #f9f9f9;}

.db25 .db-data-box{height: 70px; width: 100%;overflow: scroll;}
.db25 .db-block-ttl{font-size: 14px;}
.db25.db-boxz{padding-bottom: 0px !important; padding: 1%;}
.db25.db-block-ttl{width: 100%;}

.db20 .db-data-box{height: 70px; width: 100%;overflow: hidden;}
.db20 .db-block-ttl{font-size: 14px;}
.db20.db-boxz{padding-bottom: 0px !important; padding: 1%;}
.db20.db-block-ttl{width: 100%;}

.db10 .db-data-box{height: 70px; width: 100%;overflow: hidden;}
.db10 .db-block-ttl{font-size: 14px;}
.db10.db-boxz{padding-bottom: 0px !important; padding: 1%;}
.db10.db-block-ttl{width: 100%;}

.db-data-box{height: 205px; width: 93%;overflow: scroll;}
.db-block-more{ top: -5px;right: 6px;}
.db-block-more a{ padding: 7px 4px; border-radius: 4px;display: block;}
.db-block-more a:hover{ background: #f9f9f9;}
.db-block-drop{width: 140px;right: 0;background: #fff;box-shadow: 0px 0px 7px -3px #999;border-radius: 4px;}
.db-block-drop a{display: block;padding: 10px 15px;color: #666;font-size: 13px;}
.db-block-drop a:hover{}
.dbsettings{}
.dbsettings span{position: relative;top: -3px;left: 7px;}
.dbsettings a{background: #fff;padding: 8px 20px 4px 10px;display: block;border-radius: 100px;margin-left: 10px; color: #999;box-shadow: 0px 0px 7px -3px #999;}

/*Dashboard message*/
.dbmsgbox{width: 23%;background: #fff;position: fixed;right: 8px;top: 15%;border-radius: 8px 8px 0 0;box-shadow: 0px 0px 11px -6px #919191;overflow: hidden;height: 84%;}
.msg-hdr{}
.dflt-hdr{background: #0E315A;color: #fff;padding: 10px 15px;}
.dflt-hdr span{}
.dflt-hdr span.msg-ttl{padding: 8px 0px;font-size: 15px;font-weight: 500;line-height: 20px;}
.dflt-hdr span a{display: block;padding: 10px 0;}

.msg-srch-open{background: #f9f9f9;box-shadow: 2px -2px 28px -11px #999;padding: 10PX 15px;}
.msg-bck{}
.msg-bck a{padding: 10px 8px;display: block;margin-right: 10px;}
.msg-input{width: 68%;}
.msg-input input{}
.msg-input input.msgsrch{width: 100%;padding: 1% 5%;border: none;margin: 5px 0;font-size: 16px;background: none;}
.msg-clear{}
.msg-clear a{display: block;padding: 10px 0;}

.msg-user-open{background: #0E315A;padding: 15px 15px;}
.actv-user{width: 75%;}
.msg-usr-pic{border-radius: 100px;overflow: hidden;width: 42px;height:42px;}
.msg-usr-prsinfo{max-width: 165px;margin-left: 15px;color: #fff;}
.msg-usr-prsinfo span{}
.msg-usr-prsinfo span.msg-usrnme{font-size: 16px;font-weight: 500;margin-bottom: 2px;}
.msg-usr-prsinfo p{width: 72px;font-size: 12px;}
.msg-usr-prsinfo p.msg-usrdept{margin-right: 8px;padding-right: 7px;border-right: 1px solid #328ac1;}
.msg-usr-prsinfo p.msg-usrdsgnt{}
.usr-more{}
.usr-more a{display: block;padding: 8px 0;}

.msg-body{height: 90%;overflow: scroll;}
.msgusr-list-wrap{ padding: 15px;padding-bottom: 0px;}
.msgusr-list-wrap .msg-usr-prsinfo{ color: #0E315A !important;max-width: 235px !important;border-bottom: 1px solid #ddd;padding-bottom: 15px;min-width: 235px;}

.msgusr-list-wrap .msg-usr-prsinfo span{}
.msgusr-list-wrap .msg-usr-prsinfo span.msg-usrnme{font-size: 16px;font-weight: 500;margin-bottom: 2px;}
.msgusr-list-wrap .msg-usr-prsinfo p{width: 98px;font-size: 12px;color: #666;}
.msgusr-list-wrap .msg-usr-prsinfo p.msg-usrdept{margin-right: 8px;padding-right: 7px;border-right: 1px solid #ddd;display: block;}
.msgusr-list-wrap .msg-usr-prsinfo p.msg-usrdsgnt{}

.rltm-msg-counter{background: #0E315A;color: #fff;padding: 4px;width: 12px;height: 12px;text-align: center;border-radius: 12px;right: 22px;font-size: 12px;bottom: 13px;line-height: 11px;}

.msg-group-deault{background:url(../img/suitcase.svg) no-repeat 9px 7px #ffe9c0;background-size: 60%;}
.msg-user-deault{background:url(../img/user.svg) no-repeat 8px 6px #f4f4f4;background-size: 65%;}

.msg-type-wrap{height: 5%;
               padding: 10px;
               border-top: 1px solid #ddd;
               background: #fff;
}
.msg-type-wrap a.smily{width: 22px;height: 22px;padding: 7px 5px;}
.chat-inputuser{width: 77%;}
.chat-inputuser input{font-size: 14px;padding: 4px;width: 94%;border: none;}
.chat-inputuser textarea{font-size: 14px;
                         padding: 5px 10px;
                         width: 91%;
                         border: none;
                         font-family: inherit;
                         max-height: 25px;
                         resize: none; outline: none;
}
.msg-type-wrap a.atchmnt{width: 22px;height: 22px;padding: 7px 5px;}

.msg-body-chatopen{height: 75%;
                   overflow: scroll;
                   padding: 5%;
                   background: #d6f0ff;
}

.msg-user-wrap{}

.msg-txtpc{background: #fff;
           padding: 2% 3%;
           width: 77%;
           border-radius: 4px;
           margin: 0 0 3% 0;}

.msg-txtpc p{}

.msg-txtpc span{color: #999;
                display: block;
                text-align: right;
                font-size: 12px;
                margin-top: 7px;}

.msg-txtpc a{display: block;
             font-size: 14px;
             font-weight: 500;
             margin-bottom: 5px;
             color: #143e75;}

.msg-group-wrap{}

.in-msg{background: #b8eeff;
        color: #143e75;}

.out-msg{right: -17%;}
.chat-date{background: rgba(0,0,0,0.3);margin-bottom: 10px !important;
           font-size: 12px;
           padding: 5px 10px;
           color: #fff;
           border-radius: 30px;
           text-align: center;
           width: 120px;
           margin: 0 auto;}


/*Dashboard widget management*/
.widget-wrap{/*! border-bottom: 1px solid #ddd; */padding: 15px 10px;border-radius: 8px;}
.widget-icon{width: 8%;margin-right: 2%;border-radius: 100px;border: 1px solid #ddd;padding: 2%;background: #fff;}
.widgent-name{width: 62%;margin-right: 2%;}
.widgent-name span{font-size: 17px;
                   font-weight: 500;
                   margin-bottom: 2px;
                   display: block;
                   margin-top: 10px;}
.widgent-name p{font-size: 13px;
                color: #999;}
.wiget-mngcta{margin: 26px 0;}
.disabled{ background: #fff0f0;}
.widget-wrap:hover{ background: #f9f9f9;}
.blank-widget{padding: 75px 0px;}
.blank-widget a{     display: block;
                     text-align: center;
                     font-size: 21px;
                     font-weight: 500;
                     color: #bbb;
}
.blank-widget p{ color: #bbb;
                 font-size: 13px;
                 text-align: center;
                 line-height: 25px;
}

/*widget data for pulse*/
.dly-attndnc{}
.at-vlue-typ{width: 29%;margin: 0 2%;background: #f9f9f9;padding: 12px 0;border-radius: 4px;}
.at-vlue-typ p{font-size: 24px;font-weight: 500;}
.at-vlue-typ span{font-size: 12px;color: #666;}

.db-iot-blk{background: #f9f9f9;padding: 9px 15px;border-radius: 8px;margin-bottom: 5px;}
.wg-dvcnm{font-size: 16px;line-height: 42px;color: #0E315A;}
.wgdvcst{width: 15%;text-align: center;}
.wgdvcst p{font-size: 11px;color: #999;}
.wgdvcst span{}


/*sound alerts on top*/
.inst-alerts{background: rgba(0,0,0,0.8);color: #fff;padding: 10px 15px;border-radius: 4px;font-size: 15px;box-shadow: 0px 0px 8px 0px #0E315A;bottom: 20px;
             right: 20px;}
.inst-alerts span{display: block;color: #ddd;line-height: 23px;}
.inst-alerts span.sound-alert-name{margin-right: 10px;font-weight: 500;}
.inst-alerts span.sound-alert-subject{width: 220px;margin-right: 20px;}
.inst-alerts span.sound-alert-value{margin-right: 25px;}
.inst-alerts span.sound-alert-cta{}
.inst-alerts span.sound-alert-cta a{display: block;padding: 3px 10px;line-height: normal;}

/*health alarm list*/
.ha-listwrap{padding-bottom: 6px;margin-bottom: 10px;border-bottom: 1px dashed #ddd;}
.hl-alrminfo{width: 80%;}
.hl-alrminfo span{font-size: 14px;font-weight: 500;color: #0E315A;}
.hl-alrminfo p{display: block;font-size: 12px;color: #999;padding-top: 2px;}
.ha-tmprvw{background: #f4f4f4;padding: 3%;font-size: 12px;border-radius: 23px;}


/*main content column of website*/
.col-wrapper{margin: 117px 1% 50px 1%;min-height: 400px;z-index: 1;position: relative;}

.content-block{margin-bottom: 40px;padding-bottom: 15px;border-bottom: 1px solid #ddd;}
.content-title{font-size: 16px;font-weight: 500;margin-bottom: 20px;}
.content-read{text-align: justify;font-size: 14px;line-height: 20px;margin-bottom: 15px;}
.content-edit{margin-bottom: 15px;}
.content-notation{color: #999;font-size: 13px;margin-bottom: 10px;}
.content-actions{}
.content-actions a{padding: 5px 20px;display: block;float: left; border-radius: 2px; font-weight: 500; text-transform: uppercase;}
.content-actions a:hover{background: #f9f9f9;}
.content-actions a.prim{}
.content-actions a.secnd{}
.content-actions a.tert{}


/*footer*/
.footer-wrapper{position: fixed;
                bottom: 3%;
                left: 2%;
                font-size: 12px;
                z-index: -1; display: none;}


/*navigation page*/
.navpage{position: fixed; width: 100vw; height: 100vw; text-align: center;background: rgb(65,164,226);background: radial-gradient(circle, rgba(65,164,226,0.9) 0%, rgba(95,224,199,0.9) 100%);z-index:2; padding: 5%;}
.navpage ul{ margin:0; padding: 0; list-style-type: none;text-align: center;height: 83%;overflow: auto;}
.navpage ul li{margin:15px 20px; padding: 15px; list-style-type: none; display: inline-block; text-align: center; border-radius: 6px;}
.navpage ul li a{ color: #000; font-size: 13px; font-weight: 500;position: relative;}
.navpage ul li a p{}
.navpage ul li a p.navimg{width: 100px;height: 100px; }
.navpage ul li a p.navtxt{width: 105px;height: 35px;vertical-align: text-top;display: inline flow-root list-item;}
.navpage ul li:hover{ background:rgba(255,255,255,0.1);}
.navpage span{background: rgba(255,255,255,0.3);
              padding: 4px 15px;
              font-size: 13px;
              border-radius: 30px;
              display: block;
              width: 290px;
              margin: 0 auto;
              color: #fff;
              line-height: 20px;}
.navsearch{width:300px; margin: 0 auto;border-bottom: 2px solid #42a9c6;border-radius: 100px;padding: 0px 6px;}
.navsearch p{ display: block; float: left;}
.navsearch p.navsr-icn{padding: 6px 8px;}
.navsearch p.navsr-inpt{}
.navsearch p.navsr-btn a{padding: 6px 8px;display: block;}
input.navsrbox{background: none;border: none;padding: 0 5px;color: #fff;font-size: 16px;line-height: 24px;width: 230px;}
.updt-countr{background: red;
             color: #fff;
             padding: 8px 9px 10px 8px;
             border-radius: 100px;
             width: 18px;
             height: 18px;
             font-size: 16px;
             right: -18px;
             top: -4px;}
.closnav{right: 30px;
         top: 30px;}

/*navigation permanenet visible*/
.db-menu{width: 21%;
         background: #fff;
         border-radius: 4px;
         overflow: hidden;
         box-shadow: 0px 0px 10px -3px #999;
         height: 78%;
         overflow: scroll;
         position: fixed;
}
.db-menu ul{ margin: 0; padding: 0; list-style-type: none;}
.db-menu ul li{ margin: 0; padding: 0; list-style-type: none;}
.db-menu ul li a{ display: block;color: #0E315A;font-weight: 500;padding: 10px 15px;border-bottom: 1px solid #f4f4f4;}
.db-menu ul li a:hover{background: #f4f4f4;}
.db-menu ul li a span{display: block;margin-right: 10px;}
.db-menu ul li a p{display: block;line-height: 23px;}
.db-menu ul li a.active{background: #0E315A;color: #fff;}

/*full column page*/
.full-column{background: #fff;border: 1px solid #ddd;border-radius: 2px;border-bottom: 2px solid #0E315A;}

/*two-column page*/
.two-column-l{ width: 55%}
.two-column-r{ width: 43%}

/*threefour column page*/
.threefour-column{background: #fff;border: 1px solid #ddd;border-radius: 2px;border-bottom: 2px solid #0E315A; width: 82%;}

/*onefour column sidebar*/
.sidebar{width:16%; background: #fff;border-radius: 2px;border-top: 2px solid #0E315A;min-height: 400px;position: fixed;overflow: scroll;height: 83%;}
.sidebar ul{margin:0; padding: 0; list-style-type: none;}
.sidebar ul li{margin:0; padding: 10px 15px; list-style-type: none; display: block;border-bottom: 1px solid #ddd;}
.sidebar ul li a{color: #000;}
.sidebar ul li a:hover, .sidebar ul li a.active{ color: #0E315A;}
.sidebar ul li a.active{  font-weight: 500;}
.sidebar ul li a span{ float:left;}
.sidebar ul li a span.actnme{width: 165px;line-height: 26px;}
.sidebar ul li a span.actmre{padding-top: 3px;}
.sidebar ul li ul{margin:0; padding:5px; list-style-type: none; display: block;}
.sidebar ul li ul li{margin:0 0 2px 0; padding:0; list-style-type: none; display: block;border: none;}
.sidebar ul li ul li a{padding: 10px;display: block;border-radius: 2px;}
.sidebar ul li ul li a:hover, .sidebar ul li ul li a.active{background: #f9f9f9;font-weight: normal;}

/*column head*/
.column-head{padding: 10px 15px;border-bottom: 1px solid #ddd;}
.col-pagename{font-size: 18px;font-weight: 500;line-height: 38px;}
.master-creation{padding: 10px 0;}
.master-creation span{ display: block;float: left;}
.master-creation span.crticn{margin-right: 8px;}
.master-creation span.crtxt{font-size: 16px;font-weight: 500;line-height: 16px;}
.pageback{}
.pageback a{display: block;padding: 10px;padding-left: 0;padding-right: 20px;}

/*table structure*/
.tblinctr{}
.tblinctr span{line-height: 36px;
               display: block;
               float: left;
               margin-right: 15px;
               font-size: 14px;
               background: #f4f4f4;
               padding: 0 20px;
               border-radius: 30px;
               margin-top: 7px;
               margin-bottom: 3px;}
.table-wrap{}
.intablerow-heading .select{margin-bottom: 0px !important;}
.intablerow-heading{padding: 8px 20px;
                    background: #EDF8FF;
                    display: inline-block;
                    margin-bottom: 10px;
                    border-radius: 4px;
                    margin-right: 15px;
                    font-size: 13px;
                    margin-top: 15px;
                    color: #000;
                    line-height: 35px;}
.tbl-subhdacts{margin-left: 30px;}
.tbl-subhdacts a{display: block;float: left;text-align: center;padding-left: 20px;}
.expcolps{margin-right: 15px;margin-left: 25px;}
.expcolps a{background: #f4f4f4;display: block;padding: 5px 8px;margin-top: 17px;border-radius: 4px;}
.expcolps a:hover{background: #ddd;}
.intblactions{margin-right: 20px;}
.intblactions a{padding: 7px 20px;float: left;display: block;background: #f4f4f4;margin-left: 15px;margin-top: 17px;border-radius: 20px;color: #333}
.intblactions a:hover{ background: #ddd; }
.intblactions a p{ float: left;}
.intblactions a span{float: left; margin-right: 10px;}
.blank-table-data{font-size: 32px;
                  color: #999;
                  text-align: center;
                  padding: 150px;}
.table-head{background: #f4f4f4;padding: 5px 15px;border-bottom: 1px solid #ddd;font-weight: 500;font-size: 13px;}
.table-body{overflow: auto; min-height: 200px}
.table-row{padding: 10px 15px;margin-bottom: 1px;border-bottom: 1px solid #f4f4f4;}
.table-row:hover{ background: #f9f9f9;}
.tbl-cell{margin-right: 9px;line-height: 32px;}
.table-row:nth-last-child(1){margin-bottom: 50px;}
.size-chk{width: 20px; text-align: center}
.size-xs{width: 50px;}
.size-xxs{width: 35px;}
.size-s{width: 100px;}
.size-m{width: 140px;}
.size-l{width: 180px;}
.size-xl{width: 250px;}
.size-xxl{width: 300px;}
.size-xxxl{width: 750px;}
.size-pic{ line-height: normal; width: 5%; font-size: 25px; text-align: center;}
/*.size-pic img{ width: 32px; height: 32px; border-radius: 100px}*/
.size-stutbl {width: 75px;}
.tbl-actn{}
.tbl-actn a{background:url(../img/drop-fill-blue.svg) no-repeat 60px 10px #f9f9f9;padding: 7px 12px;display: block;font-size: 13px;border-radius: 3px;font-weight: 500;background-size: 14%;padding-right: 35px;}
.table-head .tbl-actn a{background:url(../img/drop-fill-blue.svg) no-repeat 98px 11px #fff;padding: 7px 12px;display: block;font-size: 13px;border-radius: 3px;font-weight: 500;background-size: 10%;padding-right: 35px;}
.tbl-actn a:hover{ background-color: #ddd;}
span.drop-actns{ background: #f4f4f4 !important;z-index: 2;right: 0;border-radius: 4px 0px 4px 4px;box-shadow: 0px 0px 8px -5px #000;width: 190px;overflow: hidden;}
span.drop-actns a{background: no-repeat;border-radius: 0px !important;padding: 10px 20px;}

/*table cells in percentage starts*/
.liquidcells .tbl-cell{margin-right: 2%;line-height: 32px;}
.liquidcells .table-row:nth-last-child(1){margin-bottom: 50px;}
.liquidcells .size-chk{width: 2%; text-align: center}
.liquidcells .size-xs{width: 8%;}
.liquidcells .size-xxs{width: 5%;}
.liquidcells .size-s{width: 13%;}
.liquidcells .size-m{width: 15%;}
.liquidcells .size-l{width: 22%;}
.liquidcells .size-xl{width: 27%;}
.liquidcells .size-xxl{width: 32%;}
.liquidcells .size-xxxl{width: 70%;}
.liquidcells .size-pic{ line-height: normal; width: 5%; font-size: 25px; text-align: center;}
/*.liquidcells .size-pic img{ width: 32px; height: 32px; border-radius: 100px}*/
.liquidcells .size-stutbl {width: 7%px;}
/*table cells in percentage starts*/

.row-highlight-yellow{background: #fdfcc8 !important;}
.row-highlight-red{background: #ffe8e8 !important;}
.row-highlight-green{background: #e4fbe4 !important;}
.row-highlight-blue{background:#dfedff !important;}
.row-highlight-white{background: #fff !important;}
.row-highlight-disable{background: #f0f0f0 !important;color: #999;}
.row-highlight-disable2{background: #bbb !important;color: #999;}
input.fltr-datebox{padding: 8px 4px;font-size: 12px;border: 1px solid #ddd !important;width: 120px;outline-style: none;font-family: inherit;background: #f4f4f4;border-radius: 2px;margin: 2px 0px;}
input.fltr-srchbox{padding: 8px 4px;font-size: 12px;border: 1px solid #ddd !important;width: 250px;outline-style: none;font-family: inherit;background: #f4f4f4;border-radius: 2px;margin: 2px 0px; letter-spacing: 0.2px;}
.fltr-btn{}
.fltr-btn a{background: #f4f4f4;display: block;padding: 10px;height: 33px;margin: 2px 0;line-height: 9px;font-weight: 500;border-radius: 4px;}
.rest-btn{}
.rest-btn a{padding: 11px;display: block;padding-left: 25px;}
.rmv-dyvlue{}
.rmv-dyvlue a{display: block; padding: 6px;}
.intablerow-heading .rmv-dyvlue a{ padding: 0px !important;}
.rmv-dyvlue a img{}
.admr-dyvlue{margin-top: 10px;margin-bottom: 25px;}
.admr-dyvlue a{display: block;}
.admr-dyvlue a img{display: block;padding: 9px; float: left;}
.admr-dyvlue a span{display: block;line-height: 35px;float: left;}
.adzn{}
.adzn a{background: #eaddd2;
        display: inline-block;
        padding: 10px 15px;
        border-radius: 4px;
        font-weight: 500;}

/*Table filter*/
.filter{bottom: 5%;right: 10%;z-index: 3;}
.filter a{display: block;background: #0E315A;padding: 15px;border-radius: 100px;width: 19px;height: 19px;box-shadow: 0px 0px 15px -3px;}
.filter-wrap{background: #fff;
             right: 0px;
             z-index: 3;
             width: 32%;
             height: 98%;
             top: 0;
             box-shadow: 0px 0px 11px -1px;
             padding: 1%;}
.filter-hding{font-size: 18px;font-weight: 500;border-bottom: 1px solid #f4f4f4;padding-bottom: 15px;}
.filter-box{height: 87%;}
.filter-action{}
.filter-tabber{width: 35%;border-right: 1px solid #f4f4f4;}
.filter-tabber a{display: block;padding: 20px 20px;border-bottom: 1px solid #f4f4f4;color: #000;}
.filter-tabber a:hover, .filter-tabber a.active{background: #f4f4f4;color: #0E315A;}
.filter-taboptions{width: 55%;padding: 15px;}
.filter-choice{margin-bottom: 15px;}
.filter-choice span{}
.filter-choice span.fltr-radio{margin-right: 10px;}
.filter-choice span.fltr-name{width: 85%;}


/*Popup*/
.popup-overlay{ background: rgba(0,0,0, 0.6); position: fixed; z-index: 20; width: 100%; height: 100%;}
.popup-wrap{ width: 450px; margin: 0 auto;background: #fff;border-radius: 4px;overflow: hidden;margin-top: 25px;}
.popup-header{padding: 20PX 25px;background: #0E315A;}
.popup-body{ min-height: 100px;padding: 25px 25px 0 25px;}
.popup-actionwrap{padding: 10px 25px 20px 20px;}
.popup-actionwrap a{padding: 10px 20px;margin-left: 20px;margin-top: 10px;border-radius: 2px;color: #000;font-weight: 500;text-transform: uppercase; background: #f9f9f9;}
.popup-actionwrap a:hover{ background: #eee;}
.popup-title{font-size: 18px;font-weight: 500;color: #fff;}
.pp-primact{background: #0E315A !important;
            color: #fff !important;}
.pp-primact-red {
  background: red !important;
  color: #fff !important;
}
.pp-secact{color: #666 !important;}
.pptrtact{color: #999 !important;}
.cnfrm-task{height: 50px !important;min-height: auto;line-height: 45px;}
.pp-small-x{width:475px;}
.pp-small-y{height:250px;}
.pp-medium-x{width:750px;}
.pp-medium-y{height:350px;overflow: auto;}
.pp-large-x{width:1250px;}
.pp-large-y{height:64vh; overflow: auto;}
.popup-progress{background: #333;width: 100%;top: 64px;height: 5px;}
.popup-progress p{color: #fff;font-size: 11px;text-align: center;padding: 3px 0;}

/*table pagination*/
.pagination{padding: 10px 15px;background: #f9f9f9;}
.rsltpp{}
.rsl-hding{font-size: 13px;font-weight: 500;line-height: 34px;}
.rsl-counter{background: #eee;margin-left: 20px;border-radius: 4px;}
.rsl-counter a{padding: 8px 20px;display: block;}
.rsl-counter ul{ margin: 0; padding: 0; list-style-type: none; bottom: 31px; left:0;background: #eee;border-radius: 4px 4px 0 0;}
.rsl-counter ul li{margin: 0; padding: 0; list-style-type: none;border-bottom: 1px solid #ccc;}
.rsl-counter ul li a{padding: 8px 18px;}
.rsl-counter ul li a:hover{}
.pgntn{line-height: 34px;font-size: 13px;}
.pgntn a{padding: 15px;}
span.crntpg{margin: 0 30px;}

/*html form*/
.form-field-wrap{margin-bottom: 30px;padding-bottom: 10px;}
.form-type{}
input.frm-txtbox{padding: 6px 2px;font-size: 14px;border: none;border-bottom: 2px solid #ddd !important;margin-bottom: 5px;width: 250px;outline-style: none;font-family: inherit;letter-spacing: 0.2px; color: #0E315A;}
.frm-lbl-actv{top: -16px;font-size: 13px;font-weight: 400;left: 2px;}
select.frm-error, input.frm-error, .str-txarea.frm-error{border-bottom: 2px solid #d20000 !important;}
.frm-er-msg{font-size: 12px;color: #d20000;font-weight: 400;}
input.frm-focus{border-bottom: 2px solid #0E315A !important;}
textarea.frm-txarea{padding: 7px 2px;font-size: 14px;border: none;border-bottom: 2px solid #ddd !important;margin-bottom: 5px;width: 250px;outline-style: none;resize: none;font-family: inherit;height: 80px;letter-spacing: 0.2px; color: #0E315A;}
.frm-slc-list{width: 200px;background: #fff;padding: 10px;border-bottom: 2px solid #ddd;}
.frm-slc-list span{}
.frm-slc-list span.frmtitle{}
.frm-slc-list span.frmdrp{margin-top: 2px;}
.frm-optnlistwrap{width: 220px;background: #f9f9f9; box-shadow: 0px 0px 7px 3px #e6e6e6;z-index: 1;}
.frm-slc-optn{}
.frm-slc-optn:hover{ background: #f4f4f4;}
.frm-opitm{padding: 10px;border-bottom: 1px solid #ddd;}
.frm-opitm span{}
.frm-opitm span.frmcx{margin-right: 6px;}
.frm-opitm span.frmtx{width: 170px;font-size: 13px;line-height: 18px;}
.frm-lbltitl{padding: 10px;font-weight: 500;}
.frm-rdowrap{width: 120px;padding: 10px; border-radius: 4px;}
.frm-rdowrap:hover{ background:#f4f4f4;}
.frm-rdobtn{margin-right: 8px;}
.frm-rdobtn input.frm.typrdo{}
.rdo-optnwrap{width: 200px;}
.frm-inpticn{top: 7px;left: 230px;}
.frm-fileadd{padding: 10px;
             border-radius: 4px;
             border: 1px solid #ddd;
             margin-bottom: 5px;
}
.frm-filebox{ width:400px;}
.frm-fileadd:hover{ background: #f9f9f9;}
.frm-fileadd span{}
.frm-fileadd span.frm-fldnm{line-height: 24px;}
.frm-fileadd span.frm-fldicn{}
.frm-fileblank{}
.frm-file-specs{font-size: 12px;margin-bottom: 10px;padding: 0px 3px;color: #666;}
.frm-file-specs p{line-height: 19px;}
.file-add-itm{margin-bottom: 10px;border-bottom: 1px dashed #ddd;padding: 8px 2px;font-size: 13px;}
.file-add-itm span{}
.file-add-itm span.frm-flnm{}
.file-add-itm span.frm-flnm-rmv{}
.frm-rqrd{}
.frm-rqrd p{ color: #FB5858}
.actionbuttons{}
.actionbuttons a{padding: 10px 20px;border-radius: 2px;text-transform: uppercase;font-weight: 500;font-size: 14px; display: block;}
.actionbuttons a:hover{background: #f4f4f4;}
.actionbuttons a.primary{background: #0E315A;color: #fff;}
.actionbuttons a.secondary{background: #f4f4f4;color: #000;}
.actionbuttons a.tertiary{color: #999;background: #f9f9f9;}
.actionbuttons a.tertiary:hover{background: #f4f4f4;}
.form-switch{ border-radius: 4px; overflow: hidden; display: inline-block;}
.form-switch a{background: #ddd;padding: 5px 15px;display: block;float: left;font-size: 13px; color: #666;}
.form-switch a.pass-active{border-right: 0px;background: #57c457;color: #fff;}
.form-switch a.fail-active{border-left: 0px;background: #fd5353;color: #fff;}
select{font-family:inherit; background: #fff;}
input{ font-family:inherit;}
input.pageform,textarea.pageform{ padding:10px !important; background: #f9f9f9; border-radius: 2px;}

.control-group {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    padding: 30px;
    width: 200px;
    height: 210px;
    margin: 10px;
}
.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control__indicator {
    position: absolute;
    top: 0px;
    left: 0;
    height: 16px;
    width: 16px;
    background: #fff;
    border: 1px solid #ccc;
    /*
      .control:hover input:not([disabled]):checked ~ &,
      .control input:checked:focus ~ &
        border-color: #666
    */
}
.control--checkbox .control__indicator {
    border-radius: 3px;
}
.control--radio .control__indicator {
    border-radius: 50%;
}
.control:hover input:not([disabled]) ~ .control__indicator,
.control input:focus ~ .control__indicator {
    border-color: #666;
}
.control input:checked ~ .control__indicator {
    background: #fff;
}
.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control__indicator:after {
    display: block;
}
.control--checkbox .control__indicator:after {
    left: 5px;
    top: 0px;
    width: 5px;
    height: 12px;
    border: solid #34bb92;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
    left: 5px;
    top: 5px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #34bb92;
}
.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}
.select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    min-width: 200px;
}
.select select {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 7px 2px;
    outline: 0;
    border: 0;
    border-radius: 0;
    background: #fff;
    color: #0E315A;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-bottom: 2px solid #ddd;
    font-size: 14px;
    letter-spacing: 0.2px;
}
.select select::-ms-expand {
    display: none;
}
.select select:disabled {
    opacity: 0.5;
    pointer-events: none;
}
.select__arrow {
    position: absolute;
    top: 11px;
    right: 8px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #999 transparent transparent transparent;
}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
    border-top-color: #000;
}
.select select:disabled ~ .select__arrow {
    border-top-color: #ccc;
}
.frm-prnt-vlue{ font-size: 25px;}
.chiptags{}
.chiptags p{    float: left;
                background: #f9f9f9;
                display: block;
                padding: 5px 15px;
                margin-right: 8px;
                border-radius: 100px;
                color: #999; font-size: 14px;
}


/*tab design*/
.tab-wrap{margin-bottom: 10px;}
.tab-wrap a{padding: 8px 22px;display: block;float: left;border-bottom: 2px solid #fff;font-weight: 500;text-transform: capitalize;max-width: 180px; color: #0E315A;font-size: 13px;text-transform: uppercase;}

/*help page*/
.help-box{margin-bottom: 35px;padding-bottom: 20px;border-bottom: 1px solid #ddd;}
.hlp-mainarea{width: 95%;}
.hlp-ques{font-size: 18px;font-weight: 500;margin-bottom: 15px;}
.hlp-rply{color: #666;font-size: 14px;text-align: justify;}
.hlp-rply span{}
.hlp-rply span.cont-full{}
.hlp-rply span.cont-img{}
.hlp-rply span.cont-halve{width: 60%;}
.hlp-rply span.cont-video{display: block;width: 560px;}

.hlp-reader{}
.hlp-reader a{}

/*Department & people management Module*/
.dept-frm-input{width:395px !important;}
.ppl-crt-form{overflow: scroll;}
.emp-address{width:395px !important;}
.wrk-lcn{ width: 380px;}
.tab5{ height:542px;}

.user-photo{width: 125px;margin: 0 auto;border-radius: 400px;overflow: hidden;height: 125px;margin-bottom: 25px;background:url(../img/user.svg) no-repeat 42px 36px #f4f4f4;background-size: 35%;}
.user-photo span{}
.user-photo span.ppl-dp{}
.user-photo span.ppl-dp-edit{}
.user-photo span.ppl-dp-edit a{left: 48px;top: 90px;z-index:1;background: #0E315A; display: block;padding: 5px 7px;border-radius: 30px;}
.ppl-infolist-wrap{margin-bottom: 15px;}
.ppl-infolist-wrap span{text-transform: capitalize;}
.ppl-infolist-wrap span.label{font-size: 14px;
                              margin-bottom: 2px;
                              display: block;
                              color: #6ca3f9;}
.ppl-infolist-wrap span.value{font-size: 14px;color: #000;max-height: 80px;display: block;}
.emp-dtl-infowrap{height: 460px;
                  overflow: scroll;
                  margin-bottom: 25px;}
.edit-p-detail{bottom: 50px;right: 25px;}
.edit-p-detail a{background: #0E315A;display: block;color: #fff;padding: 5px 15px;border-radius: 20px;line-height: 20px;}
.ppl-alldtl-wrap{width: 885px; position: relative;}
.tagbg{ background: url(../img/bands.png) 516px 157px no-repeat;background-size: 40%;}

.doc-box-wrap{float: left;padding: 18px;border-radius: 2px;}
.doc-box-wrap:hover{ background: #f4f4f4;}
.docedit{right: 15px;bottom: 16px;}
.docedit a{background: #0E315A;color: #fff;font-size: 12px;padding: 3px 8px;border-radius: 100px;box-shadow: 0px 0px 5px 2px #999;}
.file-prvw{width: 160px;height: 160px;padding: 5px;background: #f9f9f9;border-radius: 2px;margin-bottom: 15px;position: relative;}
.file-name{font-weight: 500;margin-bottom: 10px;height: 31px;}
.file-actns{}
.flname-edit{width: 158px;padding: 5px 5px;border: none;font-size: 13px;border-radius: 2px;border-bottom: 1px solid #ddd;}
.file-actns a{float: left;padding: 6px 8px;background: #fff;border-radius: 100px;margin:0 5px;}
.file-actns a:hover{}
.ppl-box-edit{ height:500px !important;}

.health-cap{background: #fff;border: 1px solid #ddd;border-radius: 2px;border-bottom: 2px solid #0E315A;}
.tab1{border-bottom: 1px solid #ddd;margin-bottom: 20px;}
.tab1-report{}
.hlth-rcrd{background: #fdf9eb;padding: 8px 20px 20px 20px;width: 325px;border-radius: 8px;}
.at-rcrd{width: 445px;margin-right: 20px;/*! padding-right: 40px; *//*! border-right: 1px solid #ddd; */}

.att-status{margin-bottom: 20px;}
.rec-time{background: #f9f9f9;padding: 8px 14px;margin-right: 10px;border-radius: 4px;font-size: 16px;}
.rec-time span{display: block; line-height: normal !important;}
.rec-time span.label{font-weight: normal;color: #000 !important;}
.rec-time span.value{font-weight: 500;}
.rec-time-late,.rec-time-absnt,.rec-time-wkof,.rec-time-hldy,.rec-time-leve,.rec-time-hday{background: #f9f9f9;
                                                                                           padding: 10px 15px;
                                                                                           display: inline-table;
                                                                                           border-radius: 50px;}
.rec-time-late span{}
span.at-icn{ margin-right: 8px;line-height: normal !important;}
.at-rcrd span{ line-height: 24px;font-size: 14px;color: #000;font-weight: 500;}
.rec-time-late span.wrk-stus{}
.rec-time-absnt{}
.rec-time-absnt span{}
.rec-time-wkof{}
.rec-time-wkof span{}
.rec-time-wkof span.wrk-stus{}
.rec-time-hldy{}
.rec-time-hldy span{}
.rec-time-leve{}
.rec-time-leve span{}
.rec-time-hday{}
.rec-time-hday span{}
.temp-stus{font-size: 25px;margin-bottom: 5px;}
.tmp-age{}
.tmp-age span{}
.tmp-age span.updt{color: #666;font-size: 12px;line-height: 38px;margin-right: 5px;}
.tmp-age span.rfrsh{}
.tmp-age span.rfrsh a{display: block;padding: 10px;background: #fff;border-radius: 100px;width: 18px;height: 18px;/*! border: 1px solid #ddd; */}
.atht-rprt{ width:425px;}
.atthistry-tbl{ width:99%;}
.emp-dtl-view{height: 517px;
              overflow: scroll;}

/*attendance and health wrap*/
.athl-summary-wrap{width: 285px;padding: 20px;margin-top: 47px;overflow: hidden;background: #e4f7ff;border-radius: 4px;padding-top: 8px;}
.size-cf-record{ text-align: left;width: 655px;overflow: scroll !important;line-height: normal;}
.h-alrtpg{ width:420px !important;}
.cf-chip{ display:inline-block;line-height: 23px;padding: 3px 10px;border-radius: 100px;border: 1px solid #c6e1bc;margin: 2px 4px;color: green;background: #f5ffee;}
.cf-value{font-weight: 500;margin-right: 8px;padding-right: 8px;border-right: 1px solid #ddd;font-size: 14px;}
.cf-dtstmp{font-size: 12px;}
.cf-rise{background: #ffe8e8;border: 1px solid #ffa1a1;color: #f00;}
.cf-down{background: #e6fdff;border: 1px solid #a1d3ec;color: #0093ff;}
.att-histry-data{ height:355px;}
.temp-stng-form{ width:120px !important;}
span.org-logo-view{display: block;
                   width: 150px;
                   height: 150px;
                   border: 1px solid #ddd;
                   border-radius: 2px;}
span.orgnme{ font-size:22px;}
.input-orgname{width: 700px !important;}
.txtarea-orgabout{width: 900px !important;height: 220px !important;}

/*bday anneversary*/
.bdayballs{right: 0px;
           bottom: -8px;}
.anvicn{ right: 8px;
         bottom: -6px;}
.anvr-scroller{/*! display: flex; */
    /*! flex-wrap: nowrap; */
    overflow: scroll;
    height: 231px;
}
.anvrsry-box{flex: 0 0 auto;padding-right: 3%;border-right: 1px solid #ddd;width: 45%;float: left;margin-right: 3%;height: 49%;}
.anvrsry-box:nth-child(even){margin-right: 0;padding-right: 0;border-right: none;}
.anv-usrpc{border-radius: 100px;overflow: hidden;width: 27%;margin-right: 5%;height: 62%;}
.anv-usrpc img{width:100%; height:100%;}
.anv-usrinfo{width: 68%;text-align: left;}
.anv-usrinfo a{margin-top: 5px;display: inline-block;margin-bottom: 20px;}
.anv-usrinfo p{font-size: 13px;color: #666;line-height: 17px;}
.anv-keyvalue{}
p.anv-keyvalue{font-weight: 500;}
p.anv-usrnme{display: block;}
p.anv-usrnme a{font-size: 15px;font-weight: 500;margin-bottom: 3px;display: block;margin-top: 0;}

/*dynamic application form css*/
.dafcrt-wrap{padding:35px 20px 20px 20px;background: #f9f9f9;border-radius: 15px;margin-bottom: 30px;}
.dafcrt-wrap:hover{ box-shadow:0px 0px 16px -3px #999; background: #e6f9ff;}
.dafcrt-kyinpt{margin-bottom: 55px;}
.daf-priminfowrap input, .daf-priminfowrap select{ background: #fff5eb;}
.dafcrt-wrap input, .dafcrt-wrap select{ background:none;}
.daf-priminfowrap{padding: 40px 20px 15px 20px;
                  margin-bottom: 5px;
                  background:#fff5eb;
}
.daf-pinfobox{margin-right: 30px !important;}
.daf-name{ width:400px !important}
.daf-fee{ width: 100px !important}
.daf-plcd{ width:200px !important}
.daf-cntrl{margin-right: 45px;}
.daf-cntrl p{display: block;}
.daf-cntrl span{display: block;padding-left: 4px;color: #f77;}
.daf-acts{}
.daf-acts a{padding: 2px;margin-left: 20px;}
.add-dafcart{ margin-bottom:40px;}
.add-dafcart a{background: #0E315A;
               display: inline-block;
               padding: 8px 10px;
               border-radius: 30px;}
.daf-vwmode{}
.daf-txbx{ width:400px !important;}
.daf-txarea{ width:400px !important;}
.autosavetxt{color: #999;
             line-height: 40px;
             margin-right: 30px !important;}
.frmprvwtxt{color: #666;
            font-size: 13px;
            padding: 10px 20px;
            background: #f4f4f4;}
.formhding{margin-bottom: 20px;
           font-size: 18px;
           margin-left: 4px;
           color: #999;}
strong {font-weight: 500;}
.indivi-stus{
    padding: 6px 10px;
    border-radius: 20px;
    margin: 19px 5px;
    cursor: pointer;
}

/*consultation timing management create view edit*/
.dayplan-wrap{padding: 20px;background: #e4f7f5;margin-bottom: 20px;border-radius: 4px;}
.day-name{font-size: 20px;margin-bottom: 25px;font-weight: 500;}
.day-console{margin-bottom: 40px;padding-bottom: 20px;border-bottom: 1px dashed #999;}
.drg1{margin-right: 50px !important;}
.drg2{}
.mng-dytmng{}
.mng-dytmng a{line-height: 36px;display: block;color: #519d84;margin-left: 35px; float:left;}
.slot-chips{padding-top: 25px;font-size: 13px;padding-bottom: 10px;}
.slot-chips p{float: left;margin-right: 20px;color: #333;}
.slot-chips span{background: #fff;padding: 5px 10px;border-radius: 30px;margin-right: 10px;margin-bottom: 12px;
                 display: inline-block;}
.add-dytmns{}
.add-dytmns a{background: #0e315a;color: #fff;display: block;padding: 8px 15px;border-radius: 4px;font-weight: bold;}
/*.day-console input{ background: none !important;border-bottom: 2px solid #519d84 !important;}*/
.day-console input{ background: none !important;}
.dymng-cpyall{}
.dymng-cpyall p{}
.dymng-cpyall span{margin-left: 8px;
                   line-height: 18px;}
.unvlblmsg{background: #ff6767;
           color: #fff;
           font-size: 13px;
           padding: 6px 20px;}
.dyslctns{margin-right: 20px;
          background: #f4f4f4;
          font-size: 15px;
          font-weight: 500;
          color: #0e315a;
          padding: 7px 12px;
          border-radius: 6px;}
.dyslctns p{}
.dyslctns span{margin-left: 10px;}
.tymshow{}


/*video consultation page*/
.havc-wrap{background: #000;color: #fff; position: fixed; height: 100%}
.havc-player{width: 68%;
             float: left;
             padding: 1%;
             overflow: hidden;
             position: fixed;
             height: 96%;}
.havc-conspro{float: right;
              width: 26%;
              padding: 1%;
              background: #fff;
              margin: 1%;
              color: #333;
              border-radius: 8px;
              height: 92%;
              position: fixed;
              right: 0;
              overflow: scroll;}
.havc-loclvdo{ width:auto; height:100%;border-radius: 8px;
               overflow: hidden;}
.loclvdplay{}
.rmt-vdowrap{ width: 200px; height: 200px;border: 4px solid #fff;border-radius: 12px;overflow: hidden;box-shadow: 0px 0px 9px -1px #666;}
.ptntvdo{ top:4%; right: 4%;}
.gpvdo{top:30%; right: 4%;}
.rmt-vdoinfo{bottom: 0px;
             width: 190px;
             padding: 10px 0px 14px 10px;
             background: rgba(0,0,0,0.6);
             z-index: 1;
}
.rmt-profile{font-size: 12px;line-height: 20px;color: #ddd;}
.rmtnamer{font-size: 13px;font-weight: 400;}
.rmt-rmndr{top: 6px;
           right: 6px;
           background: #fff;
           border-radius: 100px;
           box-shadow: 0px 0px 12px -4px #666;
           height: 30px;
}
.rmt-rmndr a{display: block;padding: 3px;}
.havc-calldurtn{top: 2%;
                left: 2%;
                font-size: 14px;
                background: rgba(0,0,0,0.4);
                padding: 5px 10px;
                border-radius: 23px;}
.lclyrinfo{bottom: 5%;
           left: 2%;
           font-size: 16px;
           font-weight: 500;}
.havc-toolwrap{right: 2%;bottom:4%;}
.havc-toolwrap a{display: block;float: left;background: #3CC3A3;color: #fff;padding: 9px 18px;border-radius: 30px;height: 20px;margin-left: 16px;}
.havc-toolwrap a.turnedoff{background: rgba(255,0,0,0.5);color: #ddd;}
.havc-toolwrap a span{float: left;}
.havc-toolwrap a p{float: left;
                   line-height: 17px;
                   font-size: 14px;
                   margin-left: 8px;}
.conspro-block{margin-bottom: 20px;padding-bottom: 5px;border-bottom: 1px solid #ddd;}
.conspro-ttl{font-size: 20px;font-weight: 500;margin-bottom: 20px;/*! border-bottom: 2px solid #ddd; */color: #3CC3A3;/*! padding-bottom: 5px; */}
.conspro-fldwrap{margin-bottom: 12px;}
.conspro-fldwrap p{font-size: 14px;color: #999;}
.conspro-fldwrap span{font-size: 14px;margin-top: 3px;font-weight: 400;}
.cpro-usrpc{right: 0px;width: 100px;height: 100px;border-radius: 100px;overflow: hidden;}
.cpro-usrpc img{}
.cpcrdr{}
.cpcrdr a{display: block;
          background: #f4f4f4;
          padding: 13px 13px;
          margin: 5px;
          font-size: 14px;
          font-weight: 500;
          border-radius: 6px;
          width: 40%;
          float: left;}
.cpcrdr a.used{ background: #3CC3A3; color:#fff;}
.cpcrdr a span{    right: 11px;
                   top: 13px;
}
.cpcrdr a span.usdicn{}
.player, .rmplayer {
    height: 32vh;
    width: 100%;
}

.lclplchldr{ height: 100vh;
             text-align: center;
             background: #151617;}
.lclplchldr a{background: #ff6f6f;color: #fff;padding: 5px 15px;display: inline-block;border-radius: 4px;margin-top: 30px;}
.lclplchldr span{display: block;font-size: 22px;color: #ff9e9e;}
.lclplchldr p{padding: 30px;padding-top: 18%;}

p.consrmrk{margin-bottom: 20px;
           text-align: justify;
           color: #f25555;}
span.consimgz{display: block;margin-bottom: 20px;}
span.consimgz a{float: left;
                width: 80px;
                height: 80px;
                margin-right: 12px;
                margin-bottom: 12px;
                border: 2px solid #f25555;
                border-radius: 4px;
                overflow: hidden;}
.pcopro{width: 45%;}
.pc-type{margin-bottom: 50px;}
.pc-type span, .pc-media span, .pc-wbord span{font-size: 16px;font-weight: 600;display: block;margin-bottom: 12px;}
.pc-media{}
.pc-wbord{width: 49%;border-left: 1px solid #ddd;padding-left: 2%;margin-left: 2%;}
.pc-wbord a{background: #0e315a;color: #fff;font-size: 13px;display: inline-block;padding: 6px 15px;border-radius: 30px;margin-bottom: 15px;float: right;line-height: 18px;}
.pocoprocd{}
.wbwrap{height: 100vh;background: #f9f9f9;padding: 10px;border: 1px solid #ddd;border-radius: 4px;}
.file-prvw{width: 122px;height: 122px;padding: 5px;background: #f9f9f9;border-radius: 2px;margin-bottom: 15px;position: relative;}
.procdx {
    height: 436px !important;
    margin-bottom: 15px !important;
}
/*specialist refer*/
.splst-wrp{background: #f9f9f9;
           height: 390px;
           padding: 20px;
           border-radius: 8px;
           width: 26.6%;
           float: left;
           margin: 0.5%;}
.splchkbtn{ left: 15px; top:15px;background: #03d7af;padding: 2px;border-radius: 7px;}
.splst-pic{width: 120px;height: 120px;overflow: hidden;border-radius: 100px;margin: 0 auto;margin-bottom: 20px;}
.splst-name{font-size: 18px;font-weight: 500;margin-bottom: 15px;}
.splst-info{}
.expt-wrap{margin-bottom: 9px;}
.expt-wrap span{background: #fff;border: 1px solid #ddd;padding: 3px 10px;border-radius: 25px;font-size: 14px;display: inline-block;margin: 0 8px 7px 0;}
.avlblt{}
.dylist{background: #d7f0eb;
        padding: 3px 6px;
        float: left;
        border-radius: 30px;
        text-align: center;
        margin: 0 2px 8px 0;
        font-size: 11px;}
.dylist span{font-weight: 500;display: block;}
.dylist p{background: #ddd;display: none;float: left;padding: 5px 8px;border-radius: 20px;}
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.inp-optwrap{padding:15px;border-radius: 8px;margin-bottom: 20px;box-shadow: 0px 0px 5px #ccc;}
.primopt-wrap{margin-bottom: 10px;}
.opchkr{padding: 8px;padding-left: 0px;}
.opttl{}
.optcncrntyp{}
.secopt-wrap{padding-left: 28px;}
.subslcall{background: #f4f4f4;float: left;padding: 10px 12px;border-radius: 8px;margin-bottom: 15px;}
.subslcall input{}
.subslcall span{}
.secopt-list{margin-bottom: 12px;}
.slcrcn{ min-width:130px !important;}
.inpt-crcn{ width: 350px !important; background: none;}
.pp-mq-x{ width:700px;}
.select select{ background:none;}
.nmbrng{text-align: center;
        height: 25px;
        background: #ddd;
        border-radius: 6px;
        width: 25px;
        line-height: 24px;
        bottom: 5px;
        right: 5px;}
.flymenubtn a{background: #0E315A;
              display: block;
              z-index: 100;
              position: fixed;
              padding: 12px 25px;
              border-radius: 50px 50px 8px 8px;
              text-align: center;
              bottom: 0px;
              left: 48%;
              height: 16px;}
.scrollmenuwrapper{height: 29px;border-radius: 4px;
overflow: hidden;
margin-bottom: 15px;    }
.tabl2{overflow: auto;
  white-space: nowrap;padding-bottom: 20px; background: rgb(238,238,238);
background: linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 97%, rgba(198,198,198,1) 100%);}
.tabl2 a{ display: inline-block;
padding: 7px 25px;
color: #999;
font-size: 12px;
min-width: 13%;
text-align: center;
border-right: 1px solid #ddd;}
.tabl2 a.active, .tabl2 a:hover{background: #0e315a;
color: #fff;}
.tabl2 a p{ display: block;}
.tabl2 a span{ float:left;display: block;width: 18px;height: 22px;line-height: 27px;padding-left: 15px;}

.tabl3{}
.tabl3 a{ float: left;
          padding: 7px 16px;
          border-radius: 8px 8px 0 0;
          margin-right: 15px;
          color: #999;
          background: #f4f4f4;}
.tabl3 a.active, .tabl3 a:hover{background: #0e315a;color: #fff;}
.tabl3 a p{ display: block;font-size: 13px;font-weight: 400;letter-spacing: 0.4px;margin-bottom: 5px;}
.tabl3 a span{display: block;font-size: 12px;color: #999;}

.mq-fldwrap{/*! padding: 12px 15px; */
    background: #f9f9f9;
    /*! border: 1px solid #ddd; */
    border-radius: 8px;
    letter-spacing: 0.4px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 3px #ddd;
}
.mq-dfltvw{padding: 12px 15px;}
.mq-age{margin-right: 35px;font-size: 16px;font-weight: 800;line-height: 34px;}
.mq-usrtyp{font-size: 12px;line-height: 34px;margin-right: 65px;min-width: 150px;}
.mq-hcndn{}
.mq-hcndn span{}
.mq-hcndn span.mq-hcimg{display: block;margin-right: 15px;padding: 4px;}
.mq-hcndn span.mq-hcstus{}
.mq-hcndn span.mq-hcstus p{font-size: 12px;margin-right: 20px;display: inline-block;background: #f0f0f0;padding: 5px 10px;border-radius: 30px;line-height: 23px;}
.mq-hcndn span p{}
.mqshwhd{}
.mqshwhd a{display: block;padding: 6px 10px;height: 22px;}
.mq-expndvw{padding: 12px;border-top: 1px dotted #999;}

.mq-qwrap{padding-bottom: 15px;margin-bottom: 25px;border-bottom: 1px dashed #ccc;}
.mq-qwrap p{font-size: 13px;font-weight: 300;}
.mq-qwrap p.mq-ques{font-size: 16px;margin-bottom: 10px;font-weight: 500;}
.mq-qwrap p.mq-answr{}
.mq-qwrap p.mq-subanswr{padding-left: 20px;margin: 10px;}
.qa-wrap{margin-bottom: 35px;}
.qa-qstn{font-size: 16px;margin-bottom: 10px;font-weight: 500;padding-left: 8px;color: #3CC3A3;}
.qa-ans-wrap{padding: 10px 15px;background: #f9f9f9;margin-bottom: 5px;border-radius: 4px;}
.qa-ans-wrap span{}
span.prim-answr{text-transform: uppercase;font-weight: 400;}
.sub-qstn-wrap{}
.sub-qstn-wrap span{}
.sub-qstn-wrap span.sub-answr{display: block;padding: 7px 0px;border-bottom: 1px dashed #999;margin-bottom: 5px;}
.frminptmthd{    resize: none;
                 font-family: inherit;
                 width: 100%;
                 height: 60px;
                 border: none;
                 background: none;
}
.frminptxbx{width: 100%;
            border: none;
            background: no-repeat;}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.mq-hcimg a{display: block;
            border: 1px solid #ddd;
            width: 18px;
            height: 18px;
            padding: 7px 5px 4px 5px;
            border-radius: 18px;
            text-align: center;}
.mq-hcimg a:hover, .mq-hcimg a.selected{background: #000;}
.updths a{background: #0E315A;
          color: #fff;
          font-size: 12px;
          display: block;
          line-height: 24px;
          padding: 7px 15px;
          border-radius: 4px;}
.mq-edtnqe{}
.mq-edtnqe a{padding: 5px 10px;
             line-height: normal;
             border-radius: 4px;
             margin: 4px 0px;
             margin-right: 0px;
             margin-right: 20px;
             background: #999;}
.repost a{ background:#f00}

.sp-notewrap{}
.post-wrap{margin-bottom: 12px;padding: 15px;border-radius: 8px;}
.post-wrap p{}
.post-wrap p.drnme{font-weight: 500;font-size: 13px;background: #d9f6ff;display: inline-block;padding: 5px 10px;border-radius: 19px;margin-bottom: 10px;}
.post-wrap p.drmsg{font-size: 13px;margin-bottom: 10px;color: #333;}
.post-wrap p.dr-atchmnt{}
.post-wrap p.atchicn{float: left;
                     padding: 3px;
                     margin-right: 5px;
                     opacity: 0.7;}
.post-wrap p.dr-atchmnt a{background: #609ecc;
                          display: block;
                          color: #fff;
                          font-size: 12px;
                          font-weight: 400;
                          padding: 6px 10px;
                          border-radius: 4px;
                          margin-bottom: 10px;
                          margin-right: 10px;
                          max-width: 200px;}
.post-wrap span{}
.post-wrap span.post-dtstmp{/*! text-align: right; */display: block;font-size: 11px;color: #999;}
.selfvw{background: #eee;}
.selfnme{background: #fff !important;}

.three{ width:31.73%;}


.top-stats{margin-bottom: 20px;}
.top-stats box p{}
.top-stats box.block5{max-width: 20%;}

.apt-dhbrd{}
.apt-top{padding: 1.7%;background: #f9f9f9;border-radius: 10px;margin-bottom: 20px;}
.apt-top p.apt-typ{font-size: 20px;
                   font-weight: 500;
                   color: #0e315a;}
.apt-top p.apt-age{color: #999;font-size: 12px;font-weight: 400;line-height: 20px;}
.apt-infbx p, .apt-drprinfo p{font-size: 12px;font-weight: 400;color: #666;margin-bottom: 6px;}
.apt-drprinfo p.apt-drnm{font-size: 18px;color: #000;}
.apt-infbx span, .apt-drprinfo span{font-size: 13px;}
.apt-drimg{border-radius: 100px;overflow: hidden;height: 50px;width: 50px;margin-right: 15px;border: 5px solid #ddd;}
.apt-drprinfo{margin-right: 45px;padding: 10px 0px;}
.apt-move{}
.apt-move a{display: block;
            padding: 12px 20px;
            background: #fff;
            border-radius: 8px;margin: 10px 0;}
.apt-plchldr{ font-size:16px; color:#999}


.uig-wrap{background: #f9f9f9;padding: 3% 3.4%;
          border-radius: 10px;
          margin-bottom: 20px;
          display: inline-block;
          width: 92%;
          border-bottom: 4px solid #ddd;}
.uig-wrap:hover, .apt-top:hover{ background: #ebfbff;}
.uig-hding{font-size: 20px;
           font-weight: 500;
           margin-bottom: 15px;
           color: #0e315a;}
.uid-brief{    font-size: 14px;
               margin-bottom: 10px;
               color: #fd6e6e;
}
.uig-listwrap{margin-bottom: 20px;padding-bottom: 5px;border-bottom: 1px dashed #ddd;}
.uig-listwrap p{float: left;width: 40%;margin-right: 3%;font-size: 13px;font-weight: 400;color: #666;padding-left: 0.6%;}
.uig-listwrap span{float: left;width: 56%;font-size: 13px;font-weight: 500;}
.uigfiller{font-size: 11px;color: #999;line-height: 60px;}
.uig-godtl{}
.uig-godtl a{}
.uig-icn{ top: 10px;
          right: 10px;}
.uid-info{padding: 5px 8px;
          background: #fff;
          font-size: 12px;
          margin-top: 8px;
          border-radius: 4px;
          color: #6e88d7;
          line-height: 18px;}

.uig-blnkdta{padding: 100px 0;text-align: center;}
.uig-blnkdta p{font-size: 18px;color: #999;line-height: 60px;}
.uig-blnkdta a{background: #0E315A;color: #fff;padding: 12px 28px;display: inline-block;letter-spacing: 0.4px;border-radius: 4px;}
.uigmaster{-webkit-column-count: 2;
           -moz-column-count: 2;
           column-count: 2;

           -webkit-column-gap: 15px;
           -moz-column-gap: 15px;
           column-gap: 15px;}
.print-btn{}
.print-btn a{display: block;font-size: 12px;font-weight: 400;padding: 6px 12px;background: #f4f4f4;border-radius: 4px;}
.print-btn a span{margin-right: 8px;opacity: 0.4;}
.print-btn a p{line-height: 19px;}

.medical-spinner {
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: rotate-forever;
    -moz-animation-name: rotate-forever;
    animation-name: rotate-forever;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    height: 30px;
    width: 30px;
    border: 4px solid #0E315A;
    border-right-color: transparent;
    border-radius: 50%;
    display: inline-block;
}

.medical-spinner {
    position: absolute;
    top: 75%;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 1;
}

.spinner {
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: rotate-forever;
    -moz-animation-name: rotate-forever;
    animation-name: rotate-forever;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    height: 30px;
    width: 30px;
    border: 4px solid #0E315A;
    border-right-color: transparent;
    border-radius: 50%;
    display: inline-block;
}

.spinner {
    top: 65%;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 1;
}

@-webkit-keyframes rotate-forever {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes rotate-forever {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate-forever {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media only screen and (min-width: 600px) {
    /* For tablets: */

}
@media only screen and (min-width: 768px) {
    /* For desktop: */

}

.intblefltr{padding-top: 6px;}
.intblefltr span{}
.intblefltr p{line-height: 21px;padding-left: 5px;}

.unvlblty{}
.day-console .row-highlight-green{ background: #63b563 !important; color:#fff !important;}
.unavrmrk{background: none;width: 600px !important;}
.mq-topreport{margin-bottom: 13px;border-radius: 6px;overflow: hidden;}
.mq-topreport a{width: 30%;text-align: center;font-size: 12px;padding: 8px 0;}
.mq-topreport a.all{width:10%;}
.stknts{}
.stknts a{   display: block;
             padding: 8px;
             top: 5px;
             position: relative;
             right: 20px;
}
.stknts-wrap{ z-index: 10;
              right: 0px;
              top: 0px;
              background: #F2EE82;
              width: 23%;
              height: 100%;
              overflow: scroll;}
.stknts-header{ padding: 5%;}
.stknts-header p{font-size: 16px;font-weight: 500;letter-spacing: 0.4px;color: #333;}
.stknts-header a{display: block;padding: 2px 4px;}
.stknts-master-crt{top: 78%;}
.stknts-master-crt a{background: #ddbb54;
                     text-align: center;
                     padding: 10px 15px;
                     display: block;
                     border-radius: 34px;
                     font-size: 14px;
                     color: #333;
                     width: 25%;
                     margin: 0 auto;
}
.stknts-body{padding: 5%;}

.tab-wrap.hast a{padding: 10px 3.0% !important;
                 font-size: 13px !important;
                 text-transform: none;
                 letter-spacing: 0.4px;
                 font-weight: 400;
                 width: 19%;
                 max-width: none;
                 text-align: center;
                 border-bottom: 3px solid #f4f4f4;}
.tab-wrap a:hover, .tab-wrap a.active{border-bottom: 3px solid #0E315A !important;
                                      color: #0E315A;
                                      background: #e1fff8;
                                      border-radius: 4px 4px 0 0;}
.four{width:23.4%;}
.inpage-tabs a{ float: left;
                text-align: center;
                padding: 0.8%;
                font-size: 12px;
                text-transform: uppercase;}
.inpage-tabs{border: 2px solid #eee;
             border-radius: 4px;
             overflow: hidden;
             margin-bottom: 15px;}
.inpage-tabs a:hover, .inpage-tabs a.active{background: #eee;}

.top-stats box{background: #fff8ea;
               padding: 1.5% 1.7%;
               margin: 0 1%;
               border-radius: 8px;
               letter-spacing: 0.4px;
               min-width: 14.2%;}

.top-stats box p.stat-title{font-size: 12px;font-weight: 400;margin-bottom: 8px;color: #005fce;}
.top-stats box p.stat-report{font-size: 20px;}

.hast{ margin-top:10px;}

.hideuprofl a{padding: 11px 6px;
              display: block;}

.ppl-prsnldtl-wrap{width: 17%;
                   padding-left: 2%;
                   border-left: 1px solid #ddd;
                   overflow: scroll;}
.inpage-left{ width: 79% !important; margin-right: 1%}
.inpage-right{ width:19% !important; margin-left:0px !important;}

.apt-infbx{margin-right: 3%;
           max-width: 23%;
           padding: 14px 0;}

.hidden-u-profile{    width: 100% !important;
                      margin: 0 !important;
}

.content-page{ padding: 10px;min-height: 450px;}
.user-sidebar{ width: 22%;
               margin-left: 0.3%;}

.agovc-actions{bottom: 15px;width: 100%;text-align: center;}
.agovc-actions a{background: rgba(0,0,0,0.6);width: 16px;padding: 6px;border-radius: 100px; display:inline-block;margin: 0 1%;height: 16px;}
.agovc-actions a.active{ background:red;}
.agovc-actions a img{opacity: 0.7;}
.agovc-actions a.active img{opacity: 1;}

.unavrmrk{background: none;
          width: 600px !important;
}
.mq-topreport{margin-bottom: 13px;border-radius: 6px;overflow: hidden;}
.mq-topreport a{width: 30%;text-align: center;font-size: 12px;padding: 8px 0;}
.mq-topreport a.all{ width: 10% !important;}
.userdashboard{ width:77.3% !important;}
.ifrm-popup-x{ width: 74% !important;
               position: absolute;
               right: 0.5%;
               top: 13%;}
.ifrm-popup-y{height: 437px !important;}
.ifrm-callerwrap{ width:74.1% !important;}
.ifrm-actv-pge{ margin-top:0.5% !important}
.agovcnew{width: 25.9%;
          background: #000;
          height: 100%;}
.float-alertwrap{ z-index: 10;background:#CBE6AB;bottom: 6%;left: 2%;border-radius: 5px; color: #00800E; /*! box-shadow: 0px 0px 5px 0px #666; */}
.flrt-msg{padding: 18px;font-size: 14px;letter-spacing: 0.5px; max-width: 500px; font-weight: 500;}
.flrt-actn{margin-left: 25px;}
.flrt-actn a{color: #ddd;display: block;padding: 18px 15px;}
.flrt-actn a.flprim{color: #3cc3a3;}
.flrt-close{}
.flrt-close a{display: block;padding: 18px;}
.obctxt{line-height: 28px;
color: green;
background: #e6ffce;
padding: 0 10px;
border-radius: 5px;
font-size: 12px;
margin: 7px 0px;}

.two{width:48.4%;}

.jcall a img{     display: block;
    padding: 5px;
}

.apdtl-wrap{margin: 15px 0;font-size: 12px;}
.apdtl-back a{display: block;margin-right: 10px;padding: 6px;}
.apdtl-back{}
.apdtl-aptid{line-height: 30px;color: #666;}
.apdtl-aptid span{}
.apdtl-stus{padding: 7px 14px;border-radius: 30px;}

.apdtl-aptinfo{margin-bottom: 40px;}
.aptdtl-infobox{width: 20%;margin-right: 2%;padding: 1.5%;background: #f9f9f9;border-radius: 8px;}
.aptdtl-infobox span{color: #666;font-size: 13px;padding-bottom: 5px;display: block;}
.aptdtl-infobox p{font-size: 13px;}

.aptdtl-apdata{margin-bottom: 40px;padding-bottom: 15px;border-bottom: 1px solid #eee;}
.apdtl-apdatahd{font-size: 14px;margin-bottom: 8px;font-weight: 500;color: #0E315A;}
.apdtl-apdatacnt{}
.apdtl-apdatacnt p{}
.apdtl-apdatacnt span{display: block;}
.apdtl-apdatacnt span a{display: block;float: left;/*! border-radius: 4px; */overflow: hidden;border: 1px solid #ddd;padding: 2px;margin-right: 6px;width: 120px;height: 120px;}

.apdtl-mdcinfowrap{font-size: 12px;color: #666;margin-bottom: 40px;}
.apdtl-mdcinfo{max-width: 20%;
margin-right: 2%;
border-right: 1px solid #ddd;
padding-right: 2%;
}
.apdtl-mdcinfo p{font-weight: 400;margin-bottom: 4px;}
.apdtl-mdcinfo span{font-weight: 300;}
.apdtl-mdcinfo:nth-child(6){ border-right:10px;}

.sndrmndr{ background:#3CC3A3;}
.open-apt, .sndrmndr{margin-left: 25px;background: #f00;border-radius: 30px;padding: 0 11px;}
.open-apt a, .sndrmndr a{display: block;}
.open-apt a span, .sndrmndr a span{display: block;float: left;margin-right: 8px;padding: 4px 0 2px 0;}
.open-apt a p, .sndrmndr a p{display: block;float: left;line-height: 29px;color: #fff;font-size: 12px;}

.rx-wrapper{margin-bottom: 30px;}
.rx-block{background: #f5f1ff;padding: 15px;margin-bottom: 10px;border-radius: 4px;}
.rxmake{font-size: 14px;font-weight: 500;}
.rxmake span{font-weight: 400;}
.rx-actn{}
.rx-actn a{padding: 14px 0;margin-left: 25px;}
.rx-actn a:hover{ color:#000;}
.rx-info{margin-top: 40px;}
.rx-info p{font-size: 12px;margin-bottom: 7px;color: #333;font-weight: 400;letter-spacing: 0.4px;}

.rx-info span{font-size: 14px;font-weight: 500;margin-bottom: 15px;display: block;}

.rx-section-wrap{margin-top: 20px;
margin-bottom: 50px;}
.rx-section-wrap input.frm-txtbox{ background: none !important;}
.rx-section-wrap p{ font-size: 16px; font-weight: 500;margin-bottom: 12px;text-transform: uppercase;color: #3cc3a3;border-bottom: 2px solid;display: inline-block;line-height: 26px;padding: 0 10px;}

.vital-box{margin-bottom: 10px;border-bottom: 2px solid #ccc;width: 29%;}
.vital-box span{display: block;float: left;line-height: 33px;}
.vital-box span.vtname{font-size: 15px;font-weight: 500;width: 28%;}
.vital-box span.vtinput{padding: 0 15px;}
.vital-box span.vtinput input.frm-txtbox{width: 65px;border-bottom: none !important;margin-bottom: 0 !important;}
.vital-box span.vtunit{font-weight: 400;color: #666;}
.vital-box.viewmode{ border-bottom: none !important;}

.cmplnt-wrap{margin-bottom: 10px;border: 1px solid #ddd;padding: 2%;border-radius: 4px;}
.cmplnt-para{width: 46%;margin-right: 3%;margin-bottom: 2%;}
.cmplnt-para textarea{}
.cmplnt-para input{}
.cmplnt-para textarea.frm-txarea{background: no-repeat;width: 96% !important;padding: 0% !important;}
.cmplnt-para input.frm-txtbox{width:100%;}
.cmplnt-date{}
.cmplnt-date input{}
.cmplnt-date input.frm-txtbox{}
.sctn-remove{}
.sctn-remove a{font-size: 11px;background: #ffd8d8;padding: 4px 8px;border-radius: 30px;color: #f00;}
.sctn-add{}
.sctn-add a{padding: 5px 10px;background: #0E315A;color: #fff;border-radius: 4px;display: inline-block;}

.otnotes{}
.otnotes textarea{background: no-repeat;
width: 100% !important;
padding: 0% !important;}
.otnotes textarea.frm-txarea{}

mdc-cndtn{padding: 3px 0;}
.mdc-cndtn span.inpt-chk{}
.mdc-cndtn span.mdc-msg{font-size: 12px;line-height: 21px;padding-left: 5px;font-weight: 400;}

.mdctyp{margin-right: 40px;font-size: 12px;}
.mdctyp label{display: block;margin-bottom: 4px;font-weight: 500;}
.mdctyp i{font-style: initial;}
.rmvmdcn{right: 0px;
top: 8px;}
.mdcovrly{width: 100%;
top: 0px;
height: 100%;
opacity: 0;}

.cnsmin-wrap{margin-bottom: 25px;}
.cnsmin-hding{font-size: 14px;font-weight: 500;margin-bottom: 12px;}
.cntym{margin-right: 20px;}
.cntym label{margin-right: 5px;}
.cntym label input{margin: 0;}
.cntym value{font-size: 13px;}

.otcotp-wrap{margin-right: 6%;}
.otcotp-wrap label{}
.otcotp-wrap input.mdcqty{width: 45px;padding: 5px;margin-right: 8px;text-align: center;}
.otcotp-wrap input.frm-error{border:1px solid #999; border-radius: 2px;}
.otcotp-wrap input.mdcdate{width: 75px;padding: 5px;margin-right: 8px;text-align: center;}
.otcotp-wrap unit{font-weight: 500;}

input.indvlue{width: 38px;
padding: 5px;
margin-right: 8px;
text-align: center;}
input.indvluetym{width: 58px;
padding: 5px;
margin-right: 8px;
text-align: center;}
input.indvrmrk{padding: 5px;
margin-right: 8px;
}
.select{min-width:108px !important; margin-bottom:0px !important;}

.mdctblprint{background: #fff;
border-radius: 8px;
overflow: hidden;
border: 1px solid #ddd;}

.svmdcn a{background: green;
color: #fff;
font-size: 12px;
padding: 6px 8px;
border-radius: 30px;
margin-top: 28px;
display: block;}

.rxreadmode{ margin-bottom: 10px;}
.rxreadmode span{ display: block;font-weight: 500;margin-bottom: 5px;font-size: 15px;letter-spacing: 0.4px;}
.rxreadmode parahalf{ display: block;text-align: justify;line-height: 16px;letter-spacing: 0.3px;font-size: 12px;}
.rxreadmode parafull{ display: block;text-align: justify;line-height: 16px;letter-spacing: 0.3px;font-size: 12px;}
.rxreadmode oneline{ display: block;text-align: justify;line-height: 16px;letter-spacing: 0.3px;font-size: 12px;}

.small-note{ font-size:12px; color:#999;line-height: 32px;}
.mq-rspns{margin-bottom: 10px;
background: #caece9;
padding: 10px 15px;
border-left: 2px solid;}

.hpsgnture{font-size: 12px;}
.hpsgnture p{line-height: 20px;color: #666;}
.hpsgnture span{font-size: 14px;font-weight: 500;margin-bottom: 5px;display: block;}

.alrtflag{ top:3px; left:-11px;}
.mqupdtwrap{background: #ffe8e8;margin-bottom: 15px;border-radius: 4px;}
.mqupdtwrap P{line-height: 37px;padding-left: 12px;color: red;}

.datatfont{ font-size:24px;}

.ordr-excn{margin: 6px 0;}
.ordr-excn a{border: 1px solid #0E315A;
color: #0E315A;
font-size: 13px;
display: block;
float: right;
padding: 5px 8px !important;
border-radius: 3px !important;
margin: 0px 0px 0px 10px !important;}
.ordr-excn a.ngtv{ color: red; border:1px solid red;}
.ordr-excn a.ngtv:hover{ background: red;}
.ordr-excn a.active, .ordr-excn a:hover{ background:#0E315A; color:#fff;}
.ordr-excn span{ display:block;line-height: 29px;}
.db1by3{ width:30.3% !important;}
.db1by4{ width:24% !important;}

.tslotfilter{margin-top: 6px;}
.tslotfilter a{font-size: 13px;
border: 1px solid;
padding: 4px 8px;
border-radius: 22px;
display: block;
float: left;
margin: 0 3px;}
.tslotfilter a.active, .tslotfilter a:hover{ background:#0E315A; color:#fff;}
.or-adinfo{ margin-top:24px;}
.pg-ttlicn{ margin-right:10px;}

.ord-box{padding: 2%;}
.orinfo-wrap{min-width: 20%;margin-right: 2%;margin-bottom: 2%;background: #f9f9f9;padding: 1.5%;border-radius: 8px;}
.orinfo-wrap span{font-size: 12px;color: #666;margin-bottom: 6px;display: block;}
.orinfo-wrap p{font-size: 18px;}
.adrsa{ width:45% !important;}
.fladrsa{ width:89% !important;}

* {
	box-sizing: border-box;
}
.ord-track{ background: #f9f9f9; right: 0px; width: 25%;z-index: 3; padding: 2%; height: 100%; box-shadow: 0px -4px 5px #999; overflow: auto;}
.orst-box{border-left: 4px solid #ddd;padding-left: 15px;border-radius: 10px;}
.ord-track p{font-size: 22px;
font-weight: 500;
margin-bottom: 15px;
color: #3cc3a3;}
.orst-box span.st-title{font-size: 16px;font-weight: 500;}
.orst-box span.stu-rmrk{font-size: 12px;color: #666;margin-bottom: 5px;}
.orst-box span.st-dtstmp{color: #999;margin: 4px 0;}
.orst-box span.st-uid{color: #999;margin: 4px 0;}
.orst-box span.st-urmrk{display: block;background: #f0f0f0;font-size: 13px;padding: 7px 10px;border-radius: 4px;margin: 8px 0;color: #666;}
.orst-box span.cust-msg{color: #009fff;}
.stream{padding: 3px 35px;}
.orst-box span{display: block;line-height: 18px;}
.altdrug{line-height: 36px;
font-size: 15px;
color: #ee618f;}
.rplcdrug{line-height: 37px;
font-size: 15px;
color: green;
margin-top: 10px;
font-weight: 500;}
.del-dates{margin-right: 35px;background: #f4f4f4;padding: 10px 15px;border-radius: 45px;}
.del-dates p{}
.del-dates span{}
.del-dates span input{ margin:0px; margin-right:10px;}

.rxprvw{}
.rxprvw a{ float: left;padding: 15px;text-align: center;background: #f9f9f9;margin: 20px 0px 20px 20px;border-radius: 8px;}
.rxprvw a span{}
.rxprvw a p{}
.prmcy-crt{ padding:2%;}
.alrtflag{ top:3px; left:-11px;}
.otcotp-wrap input.frm-error{border:1px solid #999; border-radius: 2px;}
.rmvmdcn{right: 0px;
top: 8px;}
.mdcovrly{width: 100%;
top: 0px;
height: 100%;
opacity: 0;}
/*Axinie Assistant module*/
.alrtwd-wrap{background: #3cc3a3;
             z-index: 2;
             right: 0px;
             bottom: 0.5vw;
             width: 35vw;
             padding: 1.2vw;
             margin-right: 0.6vw;
             border-radius: 6px;
             box-shadow: 0px 0px 10px -3px #333;
             display: none;
}
.alrtxl{width:29vw}
.alrtwd-wrap span{display: block;}
.alrtwd-wrap span.axinie{width: 5.4vw;height: 5vw;}
.alrtxl span.axinie{width: 4.4vw  !important; height: 3.4vw  !important;}
.alrt-wlcm{width: 26vw;color: #fff;font-size: 16px;}
.alrtxl .alrt-wlcm{width: 20vw !important;}
.alrt-wlcm span{}
.alrt-wlcm span.axiln{font-size: 13px;line-height: 20px;}
.alrt-wlcm span.alrt-cnt{line-height: 32px;font-weight: 400;}

.appendNotification{max-height: 85vh;overflow: auto;}
.alrtw-inbox{max-height: 85vh;overflow: auto; display: none;}
.alrt-msg{background: #fff;padding: 0.8vw;border-radius: 4px;margin-top: 8px;}
.alrtw-icn{ padding: 0.6vw;}
.alrt-dtlz{width: 29vw;margin-left: 0.8vw;}
.alrtxl .alrt-dtlz{width: 20.6vw;}
.alrt-dtlz span{padding: 0;margin: 0;}
.alrt-dtlz span.alrt-dtstmp{font-size: 11px;color: #999; border-radius: 14px;line-height: 24px;}
.alrt-dtlz span.alrt-sbjct{font-size: 16px;font-weight: 400;line-height: 26px;color: #0e315a;}
.alrt-dtlz span.alrt-msg{font-size: 12px;line-height: 18px;letter-spacing: 0.3px;/*! text-align: justify; */color: #333;margin-bottom: 8px;margin-top: 5px;}
.alrt-dtlz span.alrt-cta a{ color: #64b764; border: 1px solid #64b764;padding: 3px 8px;display: block;font-size: 12px;border-radius: 19px;}
.alrt-dtlz span.alrt-cta a:hover{ background:#64b764; color:#fff;}




/* lab category module css */

#medicine_list {
    padding-bottom: 55px;
}

/*Healrth Drive module*/
.drv-typhdr{
    margin-bottom: 15px;
}
.drvsubtl{
}
.drv-sort{
}
.drv-cntwrap{
    margin-bottom: 20px;
}
.drv-cntwrap .drv-folder:nth-child(4n){
    margin-right: 0px;
}
.drv-folder{
    margin: 0 3.5% 4% 0;
    width: 21.5%;
    background: #f9f9f9;
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 4px;
}
.fld-box{
    width: 100%;
    height: 145px;/*! background: #f9f9f9; *//*! margin-bottom: 8px; *//*! border: 1px solid #eee; *//*! border-radius: 6px; */
}
.drv-folder:hover{
    background: #f3f3f3;
}
.fldicn{
    left: 18%;
    top: 0%;
}
.fldmre {
    right: 0px;
    top: 6px;
    z-index: 1;
}
.fldmre a{
}
.drv-mrmnu{
    right: -5px;
    background: #fff;
    padding: 2px 0px 5px 0px;
    z-index: 0;
    border-radius: 4px;/*! border: 1px solid; */
    top: -5px;
    width: 135px;
    box-shadow: 0px 0px 6px 0px #ddd;
    overflow: hidden;
}
.drv-mrmnu p{
    line-height: 33px;
    color: #333;
}
.drv-mrmnu a{
    display: block;
    padding: 10px 15px;
    color: #666;
    font-size: 12px;
}
.drv-mrmnu a:hover{
    background: #f9f9f9;
}
.fld-title{
    font-weight: 400;
    font-size: 14px;
    color: #333;
}
.ownricn{
    top: 4px;
    left: 4px;
}
a.inpgmore{
    z-index: 3;
    position: relative;
}
.gyan{
}
.gyan p{
    line-height: 19px;
    padding-left: 10px;
    color: #999;
}
.gyan span{
}
.sorting a{
    padding: 5px 8px;
}
.fldlmg{
    width: 35%;
    margin-right: 4%;
    background: #f9f9f9;
    padding: 3%;
    border-radius: 20px;
}
.fld-icn{
    text-align: center;
    padding: 21%;
}
.fld-info{
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px dotted #ddd;
}
.fld-info p{
    float: left;
    color: #999;
    margin-right: 15px;
    font-size: 12px;
    font-weight: 400;
}
.fld-info span{
    float: left;
    margin-left: 9px;
}
.fldrtxt{
    width: 50%;
}
.fld-ltr{
    margin-bottom: 15px;
}
.fld-ltr span{/*! float: left; */
    margin-bottom: 4px;
    display: block;
    color: #999;
}
.fld-ltr p{
}
.capsname{
    background: #f4f4f4;
    border: 1px solid #f0f0f0;
    padding: 7px 10px;
    border-radius: 6px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.capsname p{
    float: left;
    margin-right: 10px;
    max-width: 110px;
    display: block;
}
.capsname a{
    display: block;
    float: left;
}

/*progress bar css*/

#progress {
    background: #333;
    border-radius: 13px;
    height: 20px;
    width: 300px;
    padding: 3px;
}

#progress:after {
    content: '';
    display: block;
    background: blue;
    width: 0%;
    height: 100%;
    border-radius: 9px;
}

/*table card view*/
.tblcrd-wrap{
    padding: 15px;
}
.tbl-card{
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0px 0px 3px #ccc;
}
.tbl-card:hover{
    background: #fffddd;
}
.tblcrd-ttl{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
.tbldtl-wrp{
}
.tbldta-wrp{
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
}
.tbldata-lbl{
    color: #666;
    font-weight: 300;
    margin-bottom: 3px;
}
.tbldta-vlue{
    width: 150px;
}
.tbl-seprtr{
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}
.fmlyicn{
    margin-top: 20px;
    margin-right: 15px;
}