*{ padding:0px; margin:0px; box-sizing:border-box; -moz-box-sizing:border-box;} a{ text-decoration:none;cursor: pointer;color:#13bff3;} a:hover{ color:#D1B25D;} img{ max-width:100%;} select{cursor: pointer;} h1, h2, h3, h4, h5, h6{ font-weight:100;} @font-face { font-family: 'open_sansregular'; src: url('../fonts/opensans-regular-webfont.eot'); src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold'; src: url('../fonts/opensans-semibold-webfont.eot'); src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold'; src: url('../fonts/opensans-bold-webfont.eot'); src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold-webfont.woff') format('woff'), url('../fonts/opensans-bold-webfont.ttf') format('truetype'), url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold_italic'; src: url('../fonts/opensans-bolditalic-webfont.eot'); src: url('../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'), url('../fonts/opensans-bolditalic-webfont.woff') format('woff'), url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype'), url('../fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansitalic'; src: url('../fonts/opensans-italic-webfont.eot'); src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-italic-webfont.woff2') format('woff2'), url('../fonts/opensans-italic-webfont.woff') format('woff'), url('../fonts/opensans-italic-webfont.ttf') format('truetype'), url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight'; src: url('../fonts/opensans-light-webfont.eot'); src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-light-webfont.woff2') format('woff2'), url('../fonts/opensans-light-webfont.woff') format('woff'), url('../fonts/opensans-light-webfont.ttf') format('truetype'), url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } a{ transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; } @font-face { font-family: 'open_sansregular'; src: url('../fonts/opensans-regular-webfont.eot'); src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold'; src: url('../fonts/opensans-semibold-webfont.eot'); src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold'; src: url('../fonts/opensans-bold-webfont.eot'); src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold-webfont.woff') format('woff'), url('../fonts/opensans-bold-webfont.ttf') format('truetype'), url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } .form-actions {float: right;width: 85%;} .settings-div {float: left; margin: 0 auto 0 2%; width: 75%; } #wrapper{ width:1200px; margin:0px auto; max-width:100%; } #wrapper2{ width:100%; max-width:100%; margin:0px auto;} #wrapper_small{ width:1050px; max-width:100%; margin:0px auto;} body{ font-family: 'open_sansregular'; } .header-main{ height:auto; width:100%; float:left; border-bottom:2px solid #e3e3e3; } .header-base{ height:auto; width:100%; float:left; background-color: #fff; } .logo{ float:left; width:auto; height:auto; padding:8px 0px; } /*.logo img{height:90px;margin-top:-10px;margin-bottom:-10px;}*/ .home-login-btn .sign-btn{ padding:0px;} .navi-right nav ul li{ margin:0px; padding:0px;} .logo-2{ margin-top: 8px !important;} .header-nav{ float:right; width:360px; height:auto; margin-top:36px; } nav{ float:left; width:100%; } nav ul{ float:left; width:100%; } nav ul li{ width:auto; float:left; list-style:none; padding: 0px 20px; position: relative; } nav ul li a{ float:left; color:#444444; font-size:14px; } nav ul li a:hover{ color:#019dd1; } nav ul li .active{ color:#8bc34a; } .location-view td { padding: 10px 157px 5px 10px; } /******************sub menu start**********************/ .sub-menu{ position:absolute; width:200px; height:auto; top:100%; left:-1px; background-color:#fff; z-index:99; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.22); -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow:hidden; display:none; } .sub-menu li{ float:left; width:100%; } .sub-menu li a{ float:left; width:100%; text-align: left; } .sub-menu li a .nav-icon1{ float:right; } nav ul li:hover .sub-menu{ display:block; } .list-search{background: url("../img/search2.png") no-repeat scroll 8px 10px rgba(0, 0, 0, 0); border: 1px solid #dddddd; border-radius: 5px; display: inline-block; height: 38px; margin-left: 8px;padding-left: 30px; width: 90%;margin: 0px 0px 5px 5px; background-color: #f9f9f9;} /******************sub menu end**********************/ .login-div{ float:right; width:175px; height:auto; margin-top:30px; text-align:right; } .sign{ font-size:12px; color:#444444; font-family: 'open_sanssemibold'; padding:6px 18px; border:1px solid #444444; border-radius:3px; display:inline-block; } .login-btn{ display:inline-block; font-family: 'open_sanssemibold'; font-size:14px; color:#fff !important; padding:3px 18px; box-shadow:0px 2px 0px #D1B25D; border-radius:3px; background-color:#D1B25D; margin-left: 7px;float:left; } /*******************************************************/ .login-main{ float:left; width:100%; height:auto; margin:110px 0px; } .login-base{ float:left; width:100%; height:auto; } .login-left{ float:left; width:50%; height:auto; border-radius:5px; overflow:hidden; background-color:#f5f5f5; } .login-head{ float:left; width:100%; height:auto; background-color:#444444; padding: 8px 14px; position:relative; } .login-head:before{ position:absolute; content:""; background:url('../img/border-arrow.png')no-repeat bottom left; left:19px; bottom:-9px; height:10px; width:18px; } .login-head img{ display:inline-block; vertical-align:middle; } .login-head h4{ display:inline-block; vertical-align:middle; font-size:16px; color:#fff; text-transform:uppercase; font-family: 'open_sanssemibold'; } .login-input{ float:left; width:100%; float:left; margin-bottom:14px;height:80px; } .login-input label{ float:left; width:100%; height:auto; font-size:14px; color:#777777; margin-bottom:5px; } .login-input input { border: 1px solid #dddddd; border-radius: 3px; float: left; font-size: 14px; height: 46px; padding: 12px; width: 100%; color: #000; } .login-input input[type=submit]{padding:8px 24px;} .login-contant{ float:left; width:100%; height:auto; padding:26px 22px; border: 1px solid #eaeaea; } .dataTables_wrapper .dataTables_filter { margin-bottom: 29px; } .sign-btn{ margin-left:0px; font-size:14px; padding:8px 24px;width:auto !important; height:auto !important;cursor:pointer; } .login-btn:hover{ background-color:#D1B25D; } .sign:hover{ color:#fff; background-color:#75a43e; box-shadow: 0px 2px 0px #486526; border:1px solid #75a43e; } .forgot{ float:right; font-size:14px; color:#979494; margin-top: 9px; } .forgot:hover{ text-decoration:underline; } .login-right{ float:right; width:48%; height:auto; padding:5px; background-color:#fff; border:1px solid #eaeaea; border-radius:5px; } .login-right img { bottom: 0; height: auto; left: 0; margin: auto; max-width: 100%; position: relative; right: 0; top: 0; width: 100%; } .right_inner{width:100%;height:313px;overflow:hidden;position: relative;} .face-icon-left{float:none !important;} .home_tel{text-decoration:none !important;} .footer-main2{ float:left; width:100%; height:auto; background-color:#292929; padding: 16px 0; } .footer-base{ float:left; width:100%; height:auto; } .footer-base ul{ float:left; width:auto; height:auto; } .footer-base ul li{ float:left; width:auto; list-style:none; margin-right:15px; } .footer-base ul li a{ float:left; font-size:13px; color:#777777; } .footer-base ul li a:hover{ color:#fff; } .footer-base ul li .active{ color:#fff; } .footer-base h4{ text-align: center; font-size:13px; color:#777777; } /**************************listing start**************************/ .logo2{ float:left; width:auto; } /*.logo2 img{height:90px;margin-top:-10px;margin-bottom:-10px;}*/ .login-header{ float:left; width:100%; height:auto; padding:5px 5px; background-color: rgba(1.2, 1, 1, 0.8); /* background-color: rgba(41, 41, 41, 0.8); background-color:#292929;*/ } .login-header-main{ float:left; width:100%; float:left; text-align:right; } .listing-nav{ width: 100%; margin-top:0px; } .admin-img-div{ float:right; cursor: pointer; position:relative;margin-top:13px; background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;padding:2px 0 2px 10px; } .admin-sub{ position:absolute; top:100%; left:0px; width:160px; height:auto; padding-top: 11px; display: none; z-index:99; } .admin-sub ul{ height:auto; width:100%; float:left; background-color:#2b2e33; padding:0px; border-radius: 4px; } .admin-img-div h4:hover{ color: #D1B25D; } .admin-sub ul li{ float:left; width:100%; list-style:none; position:relative; padding: 0 10px; } .admin-sub ul li a{ float:left; width:100%; font-size:14px; color:#fff; text-align: left; padding: 6px 0px; } .admin-sub ul li a:hover{ text-decoration:none; } .admin-sub ul:before { position: absolute; content: ""; border-bottom: 5px solid #2b2e33; border-left: 5px solid transparent; border-right: 5px solid transparent; top: 6px; right: 10px; } .sub-icon{ margin-right:2px; } .admin-img-div h4 {color: #ffffff;display: inline-block;font-size: 13px;overflow: hidden;text-align:left;text-overflow: ellipsis !important;vertical-align: middle; width: auto; font-weight: bold;padding: 0 12px;} .admin-img { background-color: #fff; border-radius: 50%; display: inline-block; height: 33px; overflow: hidden; text-align: center; vertical-align: middle; width: 33px; } .admin-img img {min-height: 100%; min-width: 100%;} .admin-icon{ color:#444444; font-size:14px !important; margin-top: 4px; } .login-header-main a:hover{ text-decoration:underline; } .header-search input { background: #f5f5f5 url("../img/search1.png") no-repeat scroll 96% center; border: 1px solid #dddddd; border-radius: 3px; float: left; height: 37px; padding-left: 12px; width: 100%; } .header-search{ margin-top:13px; margin-right: 1%; } .dash-nav li{ padding:0px; margin-right:1px; } .dash-nav li a{ padding: 11px 13px;} .dash-nav li a:hover{ background-color:#d1b25d; color:#fff; } .dash-nav li .active{ background-color:#d1b25d; color:#fff; } .listing-header-main{ border-bottom:none; } .inner-banner{ height:105px; width:100%; float:left; position:relative; } .header-bg-image{ height:auto; width:100%; float:left; background:url('../img/header-bg-img.png') no-repeat center center; background-size:cover; } .inner-banner:after{ background:#D1B25D; content:""; position:absolute; bottom:-5px; width:100%; height:5px; } .inner-head{ position:absolute; left:0px; top:30px; background: #d1b25d;width:28%; bottom: 0px; height:45px; } .inner-head::before { border-bottom: 23px solid transparent; border-left: 21px solid #d1b25d; border-top: 22px solid transparent; content: ""; position: absolute; right: -20px; top: 0; } .inner-head h4{ font-size:21px; color:#fff; text-transform:uppercase; font-family: 'open_sansbold'; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.24); width:100%; text-align: center; padding:6px 0 0; } .bread{ float:left; width:auto; height:auto; } .bread ul{ float:left; width:100%; } .bread ul li{ list-style:none; float:left; height:auto; font-size:12px; color:#a7a7a7; } .bread ul li a{ font-size:12px; color:#a7a7a7; } .bread ul li a:hover{ text-decoration:underline; color:#8bc34a; } .bread-icon{ margin:0px 6px; float:left; font-size:13px !important; color:#a7a7a7; margin-top: 2px; } .listing-main.inner-padding.listin-outer-padding.roles-padding { padding: 70px 0;} .listing-main.inner-padding.listin-outer-padding.roles-padding .form-div-main-center{ margin-top: 0px;} .nav-icon1{ margin-left:1px; font-size: 16px !important; } .nav-caret{ font-size:14px !important; color:#444444; } .listing-main{ float:left; width:100%; height:auto; margin-top:10px; margin-bottom:35px;/*min-height:364px;*/ } .listing-base{ float:left; width:100%; height:auto; } .listing-head{ float:left; width:100%; height:auto; position:relative; } .listing-head:before{ position:absolute; content:""; background:url('../img/border.png')repeat-x top left; height:4px; left: 0px; bottom: -4px; width: 100%; } .listing-head h4{ float:left; font-size:22px; color:#444444; text-transform:uppercase; font-family: 'open_sanssemibold'; } .add-user-icon{ font-size:16px !important; background-color:#d1b25d; display:inline-block !important; padding: 0 5px 0 0px;vertical-align:top; } .user-btn-div {float: left;} .user-btn-div a{ line-height: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color:#d1b25d; box-shadow:0px 2px 0px #d1b25d; color:#fff; font-size:14px; text-transform:none; font-family: 'open_sanssemibold'; display:inline-block; vertical-align:middle; height: 36px; padding-right:13px; overflow:hidden;padding: 10px; } .user-btn-div input{ width:30%; height:38px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #dddddd; display:inline-block; background-color:#f5f5f5; background:url('../img/search2.png') no-repeat top right; background-position:96% 10px; padding-left:12px; margin-left: 8px; } .listing-table-main{ float:left; width:100%; height:auto; /*border:1px solid #e6e6e6;*/ margin-top:10px; position:relative; } .listing-table-main table{ width:100%; border-collapse:collapse; } .listing-table-main table tr th{ font-size:15px; color:#fff; font-family: 'open_sanssemibold'; background-color:rgb(105,105,105); padding: 14px 14px; text-align:left; } .listing-table-main table tr td{ font-size:14px; color:#292929; padding: 8px 11px; text-align:left; } .listing-table-main table tr{ border-bottom:1px solid #e6e6e6; } .listing-table-main table tr:nth-of-type(2n+0){ background-color:#efefef; } .text-center{ text-align:center !important; } .pagi-div{ height:auto; float:left; width:100%; margin-top:30px; } .pagi-div ul{ float:left; width:100%; text-align:center; } .pagi-div ul li{ display:inline-block; } .pagi-div ul li a{ font-size:13px; color:#696868; border:1px solid #dddddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px 11px; } .pagi-div ul li a:hover{ background-color:#8bc34a; border:1px solid #8bc34a; color:#fff; } .pagi-div ul li .active{ background-color:#8bc34a; border:1px solid #8bc34a; color:#fff; } .pagi-text{ float:left; width:100%; text-align:center; } .pagi-text p{ font-size:14px; color:#444444; margin-top:13px; } /**************************listing end**************************/ /***************************form start******************************/ .form-div-main{ float:left; width:100%; height:auto; margin-top:30px; } .form-input { float: left; height: 49px; margin-bottom: 2px; width: 100%; } .form-input label{ float:left; width:15%; font-size:14px; color:#444444; margin-top: 8px; } .form-input input{ float:left; width:40%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #dddddd; background-color:#f7f7f7; height:35px; padding-left:12px; } .form-input button { background-color: #f7f7f7; border: 1px solid #dddddd; border-radius: 5px; float: left; height: 35px; padding-left: 12px; width: 40%; } .input.text.required input{ color: #000;} .form-input input[type=file]{background:none; border:none;} .form-input textarea { background-color: #f7f7f7; border: 1px solid #dddddd; border-radius: 5px; float: left; font-size: 14px; height: 60px; padding: 12px; width: 51%; } .form-input span{ color:red; font-size:12px; margin-left:15%; float:left; clear: both; line-height: 9px;margin-top:3px; } .form-input2{ height:auto; } .form-input input[type=checkbox]{ height:15px; width:15px; background-color:#f7f7f7; float:left;margin-top: 2px; margin-right:4px; } .form-input input[type=radio]{ height:15px; width:15px; background-color:#f7f7f7; float:left;margin-top: 2px; margin-right:4px; } .form-input h6{ float:left; font-size:14px; color:#444444; } .form-input-margin{ /*margin-top:8px;*/ } .form-input-btn a{ display:inline-block; margin-left:0px; margin-right:6px; padding: 10px 24px;font-size:14px; } .form-input-btn{ margin-top:20px; } /***************************form end******************************/ html, body{height:100%} .inner-head-container{position:relative;} #footer { float: left; width: 100%;position: absolute;bottom:0; } .body_container { display: inline-block; width: 100%; } .main-site { float: left; min-height: 100%; width: 100%; padding-bottom:40px!important; } .clear{clear:both} .listing-table-main tr td.tick i{color:#d1b25d;font-size:23px} .fade {opacity: 0.5;} .nav-menu{display:none;} .inner-padding{ padding:0px 20px;} /****************************************************/ .settings-div .form-div-main-center {width:80%;} .form-div-main-center{ float:none; margin:0px auto; margin-top:50px; border-radius:3px; background-color:#fff; width:50%; display: table; padding:30px 27px; box-shadow:0 0 1px #9c9c9c; border-top: 2px solid #D1B25D; padding-top:20px;} .form-div-main-center .form-input label{ width: 25%;} .form-div-main-center .form-input select ,.form-div-main-center .form-input input ,.form-div-main-center .form-input textarea{ width: 75%;} /*.form-div-main-center .form-input input[type=text]{ width: 80%;} .form-div-main-center .form-input input[type=email]{ width: 80%;}*/ /*********************6 8 2015*******************************/ .inner-login-margin{ margin:0px auto; margin-top:40px;} /*******************6 8 2015*********************/ /****************************edit patients start*****************************/ .edit-patist-top{ height:auto; width:100%; float:left; border-radius:3px; border:1px solid #ddd; background: #f5f5f5; padding:12px; } .edit-image{ height:165px; width:155px; float:left; border: 2px solid #fff; background-color:#fff; overflow:hidden; outline:1px solid #ddd; } .edit-patist-top-right{ float:left; width:80%; height:auto; margin-left: 1.2%; } .edit-patist-top-right h2{ float:left; width:100%; color:#51b8f2; font-family: 'open_sansbold'; font-size: 18px; text-transform: uppercase; } .edit-pats-top-1{ height:auto; width:44%; float:left; margin-top: 6px; } .edit-pats-top-1 ul{ float:left; width:100%; height:auto; } .edit-pats-top-1 ul li{ float:left; width:100%; height:auto; list-style:none; line-height: 26px; } .edit-pats-top-1 ul li h4{ float:left; font-size:14px; color:#444444; font-family: 'open_sanssemibold'; width:45%; } .edit-pats-top-1 ul li span{ float:left; font-size:14px; color:#444444; font-family: 'open_sanssemibold'; margin-right:4%; } .edit-pats-top-1 ul li h5{ float:left; font-size:14px; color:#444444; width:auto; } .edit-flag{ float:left; width:12%; } .flag-btn{ display: inline-block; padding: 6px 24px; font-size: 14px; color: #fff; text-transform: uppercase; font-family: 'open_sanssemibold'; border-radius: 5px; background-color: #13bff3; box-shadow: 0px 2px 0px #098cb3; margin-bottom: 4px; } .edit-flag a:hover{ background-color: #0aa9d8; } .task-reimn{ float:left; width:auto; clear:both; color: #51b8f2; font-size:14px; } .task-reimn:hover{ background-color:transparent !important; text-decoration:underline; } .edit-patist-table-main{ float:left; width:100%; margin-top: 25px; } .edit-patist-table-left{ float:left; width:49%; height:auto; } .seerv { width: 100%; margin-top: 5px; display: table; } .seerv div { display: table-cell; margin-right: 3px; vertical-align: top; min-width: 16.3% !important; } .seerv a { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7ae64+0,fd9328+100 */ background: rgb(247,174,100); /* Old browsers */ background: -moz-linear-gradient(top, rgba(247,174,100,1) 0%, rgba(253,147,40,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,174,100,1)), color-stop(100%,rgba(253,147,40,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(247,174,100,1) 0%,rgba(253,147,40,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(247,174,100,1) 0%,rgba(253,147,40,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(247,174,100,1) 0%,rgba(253,147,40,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(247,174,100,1) 0%,rgba(253,147,40,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ae64', endColorstr='#fd9328',GradientType=0 ); /* IE6-9 */ box-shadow: 0px 1px 0px #fecd91 inset; padding: 3px 0px 2px; border: 1px solid #eba44d; color: #444444; font-size: 12px; display: block; text-align: center; } .seerv span { background-color: #F5F5F5; border: 1px solid #CCCCCC; display: block; font-size: 11px; min-height: 32px; margin-top: 5px; padding: 1px 0px; text-align: center; min-width: inherit; } .edit-patist-table-right{ float:right; } .edit-content-main-div{ float:left; width:100%; height:auto; margin-top: 30px; } .edit-side-bar{ float:left; width:18%; height:auto; position: relative; } .msg_outer { background: #e1e2e2; padding: 2px; } .msg_row { background: #ffffff; padding: 3px; } .msg_row a { width: 100%; padding: 1px 7px; padding: 3px 0px; display: block; text-align: center; margin-top: 3px; color: #333333; font-family: 'open_sanssemibold'; font-size:12px; } .msg_row a:first-child { margin-top: 0px; } .blog { border: 2px solid #dddddd; padding: 1px; /* min-height: 469px!important;*/ float:left;width:100%; padding-bottom: 50px; } .blog_heading { background: #eeeeee; padding: 5px 10px; font-family: 'open_sanssemibold'; font-size: 14px; color: #444444; } .summery_col1 { width: 48%; height: auto; display: inline-block; margin: 0px 0.5% 8px; vertical-align: top; } .summery_outer_main { width: 100%; border-radius: 5px; border: 1px solid #13bff3; background: #ffffff; height: auto; margin-bottom: 8px; } .summery_heading { background: #d3ecf4; padding: 5px 9px; font-family: 'open_sanssemibold'; font-size: 12px; color: #034e88; border-radius: 3px 3px 0px 0px; border-bottom: 1px solid #83a8d4; cursor: inherit; } .summary_btn { padding: 0px 10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51d0f6+0,13bff3+100 */ background: rgb(81,208,246); /* Old browsers */ background: -moz-linear-gradient(top, rgba(81,208,246,1) 0%, rgba(19,191,243,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(81,208,246,1)), color-stop(100%,rgba(19,191,243,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(81,208,246,1) 0%,rgba(19,191,243,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(81,208,246,1) 0%,rgba(19,191,243,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(81,208,246,1) 0%,rgba(19,191,243,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(81,208,246,1) 0%,rgba(19,191,243,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51d0f6', endColorstr='#13bff3',GradientType=0 ); /* IE6-9 */ border-radius: 3px; color: #ffffff; border: 1px solid #13bff3; box-shadow: 0px 1px 0px #4591CD inset; display: inline-block; text-shadow: 0px 1px 1px rgba(68, 68, 68, 0.5); float: right; margin-left: 5px; } .summery_col2 { width: 49.5%; height: auto; display: inline-block; margin: 0px 0.5% 8px; vertical-align: top; } .summery_subheading { font-size: 11px; color: #444444; background: #eff8ff; box-shadow: 0px 1px 1px 0px #ccc; position: relative; box-shadow: 0px 1px 1px #ccc; display: table; width: 100%; } .summery_heading_span { width: 32%; display: inline-block; margin: 0px; float: none; padding: 3px 10px; display: table-cell; } .summery_list { width: 100%; height: auto; overflow: auto; border-radius: 0px 0px 3px 3px; } .listing_outer { display: table; width: 100%; /* margin-bottom: -25px; */ padding-bottom: 1px; } .listing_tr { display: table-row; box-shadow: none!important; } .listing_outer > div:nth-child(odd) { background: #fff6e8; } .listing_td { display: table-cell; padding: 4px 10px; font-size: 11px; color: #555555; vertical-align: top; line-height: 19px; border-bottom: 1px solid #fce0b7; } .edit-contaner-right {float: right;margin-right: 7px;width: 78%;} .no_record { text-align: center; padding: 16px 0px; font-size:12px; color:#444444; } .msg_row a:hover{ background-color:#13bff3 !important; color:#fff; } /****************************edit patients end*****************************/ /***************************************************************************************************************/ .header-main-div{ height:auto; width:100%; float:left; box-shadow:2px 0px 5px rgba(0, 0, 0, 0.22); position: relative; z-index: 2;border-bottom: 3px solid #D1B25D; } .header-base-div{ float:left; width:100%; height:auto; } .logo{ float:left; width:20.5%; height:auto; margin-top: 14px; } .home-login-btn{ float:right; width:auto; margin-top: 24px; } .navi-right{ float:right; height:78px; } nav{ float:left; width:90%; text-align:right; } nav ul{ float:left; width:100%; height:auto; } nav ul li{ float:left; width:auto; list-style:none; margin-right:1px !important; } nav ul li a{ float:left; padding: 34px 0px; color:#a5a5a5; font-size:14px; text-transform:uppercase; padding-left:48px; padding-right:17px; height: 45px; } nav ul li a:hover{ background-color:#13bff3; color:#fff; } nav ul li .active{ background-color:#13bff3; color:#fff; } .navi-icon1.active{ background:url('../img/navi-icon1-hover.png') no-repeat left 11px center #13bff3; } .navi-icon1 { background: rgba(0, 0, 0, 0) url("../img/navi-icon1.png") no-repeat scroll left 11px center; height: 80px; padding-left: 44px; padding-right: 17px; width: 100px; } .navi-icon2 { background: rgba(0, 0, 0, 0) url("../img/navi-icon2.png") no-repeat scroll left 11px center; height: 80px; padding-left: 40px; padding-right: 17px; width: 125px; } .admin_forgotpassword { float: right; margin-top: 10px; color: #777777; font-size: 14px; text-decoration: underline; } .navi-icon3 { background: rgba(0, 0, 0, 0) url("../img/navi-icon3.png") no-repeat scroll left 11px center / 21px auto; height: 80px; padding-left: 44px; padding-right: 17px; width: 160px; } .navi-icon4{ background:url('../img/navi-icon4.png') no-repeat left 11px center; padding-left: 39px; padding-right: 17px;height:78px; } .navi-icon5{ background:url('../img/navi-icon5.png') no-repeat left 11px center; padding-left: 41px; padding-right: 17px;height:78px; } .navi-icon1:hover{ background:url('../img/navi-icon1-hover.png') no-repeat left 11px center #D1B25D; } .navi-icon2:hover{ background:url('../img/navi-icon2-hover.png') no-repeat left 11px center #D1B25D; } .navi-icon3:hover{ background:url('../img/navi-icon3-hover.png') no-repeat left 11px center / 21px auto #D1B25D; } .navi-icon4:hover{ background:url('../img/navi-icon4-hover.png') no-repeat left 11px center #D1B25D; } .navi-icon5:hover{ background:url('../img/navi-icon5-hover.png') no-repeat left 11px center #D1B25D; } .home-login-btn a{ font-size:14px; color:#fff; text-transform:uppercase; padding: 8px 17px; border-radius:5px; font-family: 'open_sanssemibold'; background-color:#a8ba27; float: left; box-shadow: 0px 2px 0px #7d8b1c; } .sign-btn{ font-size:17px !important; color:#fff; float:left !important; } /*****************banner start*******************/ .banner-main{ height:506px; width:100%; float:left; background:url('../img/banner.png') no-repeat center center; } .banner-base{ float:left; width:100%; height:auto; position:relative; } .dash-search button { float: left; margin-left: 5px; margin-right: 0; } .banner-text-main{ position:absolute; height:auto; width:435px; top: 100px; left: 20px; } .banner-text-head{ float:left; width:auto; } .banner-text-head h4{ float:left; background-color:#13bff3; color:#fff; text-transform:uppercase; font-size:14px; padding:16px 34px; } .banner-contant{ background-color:#fff; border-left:3px solid #13bff3; padding:33px; float:left; width:100%; } .banner-contant h4{ float:left; width:100%; font-family: 'open_sanslight'; font-size:30px; color:#54667a; text-transform:uppercase; } .banner-contant h5{ font-size:30px; color:#54667a; font-family: 'open_sansbold'; text-transform:uppercase;} .banner-contant p{ font-size:14px; color:#54667a; line-height:25px; margin-top: 19px; } .baner-btn{ float:left; width:100%; height:auto; margin-top: 18px; } .baner-btn a{ font-size:14px; color:#51b8f2; text-transform:uppercase; } .baner-btn a:hover{ color:#0daede; } .baner-plus{ font-size:16px; color:#51b8f2; } /*****************banner end*******************/ /******************tab start**************************/ .tab-main{ float:left; width:100%; height:auto; background-color:#eeeeee; padding:17px 0px; box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1); position:relative; } .tab-base{ float:left; width:100%; height:auto; position: relative; } .tab-caret{ position:absolute; bottom:-18px; left:17.5%; height:15px; width:25px; } .tab-base ul{ float:left; width:100%; text-align:center; } .tab-base ul li{ width:20.7%; display:inline-block; list-style:none; padding: 6px 10px; text-align:left; border-radius: 3px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.19); cursor:pointer; margin: 0px .1%; } .tab-base ul li img{ display:inline-block; vertical-align:middle; } .tab-base ul li a{ display:inline-block; vertical-align:middle; width:auto; font-size:15px; color:#fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15); } .tab-color-1{ background-color:#389ee4; } .tab-color-2{ background-color:#fe595b; } .tab-color-3{ background-color:#fd9328; } .tab-color-4{ background-color:#a8ba27; } .tab-color-1:hover{ background-color:#2f89c6; } .tab-color-2:hover{ background-color:#db4b4c; } .tab-color-3:hover{ background-color:#e18323; } .tab-color-4:hover{ background-color:#899820; } .tab-icon-main{ float:left; width:100%; height:auto; padding: 15px 0px; } .tab-icon-base{ float:left; width:100%; height:auto; } .tab-icon-base ul{ float:left; width:100%; height:auto; text-align:center; } .tab-icon-base ul li{ display:inline-block; width:367px; height:auto; list-style:none; margin: 35px 1%; } .t-icon-top{ float:left; width:100%; height:auto; text-align: left; } .t-icon-top img{ display:inline-block; vertical-align:middle; } .t-icon-top h4{ display:inline-block; vertical-align:middle; font-size:20px; color:#54667a; font-family: 'open_sanssemibold'; } .t-text-div{ float:right;; width:86%; height:auto; text-align:left; } .t-text-div p{ font-size:14px; color:#54667a; line-height:22px; font-family: 'open_sanslight'; } .t-btn{ margin-top:14px; } .t-btn a{ font-size:13px; } .t-icn-1{ display:inline-block; vertical-align:middle; width: 46px; } /********************************details-base start*******************************/ .details-main{ height:auto; width:100%; float:left; background:url('../img/details-bg.png') no-repeat center center; padding:50px 0px; background-size: cover; } .details-base{ height:auto; width:100%; float:left; } .details-base ul{ float:left; width:100%; height:auto; text-align:center; } .details-base ul li{ display:inline-block; list-style:none; width:373px; padding:9px; border-radius:5px; background-color: #fff; margin: 0px 1%; } .details-img{ height:auto; width:100%; float:left; background-color:#eaeff4; position:relative; } .details-icon{ position:absolute; left:0px; right:0px; margin:0px auto; bottom:-45px; } .details-text-main{ float:left; width:100%; height:auto; padding: 0px 18px; } .details-head{ height:auto; width:100%; float:left; text-align:center; margin-top: 40px; height:94px; } .details-head:before { height: 100%; vertical-align: middle; display: inline-block; content: ""; } .details-text-main h4{ font-size:28px; color:#54667a; display: inline-block; width:90%; text-align:center; line-height:32px; vertical-align:middle; } .details-text-main p{ font-size:14px; color:#54667a; float:left; width:100%; text-align:center; line-height:26px; } .detail-btn{ float:left; width:100%; text-align:center; margin-top: 23px; margin-bottom:21px; } .detail-btn a{ display:inline-block; padding:11px 26px; font-size:14px; color:#fff; text-transform:uppercase; font-family: 'open_sanssemibold'; border-radius:5px; background-color:#13bff3; box-shadow:0px 2px 0px #098cb3; } /**********************************news start****************************************/ .news-main{ float:left; width:100%; height:auto; background:url('../img/news-bg.png') no-repeat center center; padding:50px 0px; background-size: cover; } .news-base{ float:left; width:100%; height:auto; } .news-base h4{ float:left; width:100%; text-align:center; font-size:30px; color:#54667a; text-transform:uppercase; font-family: 'open_sansbold'; } .sub-input-main{ float:left; width:100%; text-align:center; margin-top:30px; } .sub-input-main input{ display:inline-block; vertical-align:middle; height:54px; background-color:#fff; border:1px solid #dddddd; border-radius:3px; font-size:16px; color:#afb8c1; padding-left:27px; width: 61%; } .sub-input-main a{ vertical-align:middle; display:inline-block; font-size:22px; color:#fff; text-transform:uppercase; background-color: #13bff3; box-shadow: 0px 2px 0px #098cb3; border-radius:5px; padding:11px 44px; margin-left: 10px; } .sub-input-main input[type=submit]{ vertical-align:middle; display:inline-block; font-size:22px; color:#fff; text-transform:uppercase; background-color: #13bff3; box-shadow: 0px 2px 0px #098cb3; border-radius:5px; padding:11px 44px; margin-left: 10px;width:auto;border:none; cursor: pointer; } /****************************footer start******************************/ .footer-main{ height:auto; width:100%; float:left; background-color:#54667a; background:url('../img/map-bg.png') no-repeat center center; padding:50px 0px; background-size:cover; } .footer-base{ height:auto; width:100%; float:left; } .footer-main-ul{ width:100%; float:left; } .footer-main-ul li{ float:left; width:31% !important; list-style:none; } .footer-main-ul li h4{ float:left; width:100%; font-size:35px; color:#fff; font-family: 'open_sanslight'; margin-bottom: 14px; } .footer-addres{ float:left; width:100%; height:auto; margin-bottom: 15px; } .footer-addres li{ float:left; width:100% !important; list-style:none; line-height: 25px; } .footer-addres li h5{ float:left; width:100%; color:#fff; font-size:14px; font-family: 'open_sanssemibold'; } .footer-addres li h5 span{ font-family: 'open_sansregular'; margin-left: 4px; } .footer-addres li h5 a{ font-family: 'open_sansregular'; text-decoration:underline; margin-left: 4px; float: none; color: #fff; } .footer-main-ul li h6{ float:left; width:100%; font-size:28px; color:#fff; font-family: 'open_sanslight'; margin-top: 8px; } .socl-main{ float:left; width:100%; height:auto; margin-top: 6px; } .sol-1{ float:left; height:40px; width:40px; border:2px solid #fff; text-align:center; border-radius:50%; margin-right: 5px; cursor:pointer; } .face-icon{ font-size:16px !important; color:#fff; margin-top: 10px; } .footer-navi{ float:left; width:100; height:auto; } .footer-navi li{ float:left; width:100% !important; margin-bottom:16px; } .footer-navi li a{ float:left; width:auto; font-size:14px; color:#fff !important; text-transform:uppercase; padding: 3px 0px; padding-left:35px; } .footer-navi li a:hover{ color:#13bff3 !important; } .footer-icon1{ background:url('../img/footer-icon1.png') no-repeat left center; } .footer-icon2{ background:url('../img/footer-icon2.png') no-repeat left center; } .footer-icon3{ background:url('../img/footer-icon3.png') no-repeat left center; } .footer-icon4{ background:url('../img/footer-icon4.png') no-repeat left center; } .footer-icon5{ background:url('../img/footer-icon5.png') no-repeat left center; } .footer-icon1:hover{ background:url('../img/footer-icon1-hover.png') no-repeat left center; } .footer-icon2:hover{ background:url('../img/footer-icon2-hover.png') no-repeat left center; } .footer-icon3:hover{ background:url('../img/footer-icon3-hover.png') no-repeat left center; } .footer-icon4:hover{ background:url('../img/footer-icon4-hover.png') no-repeat left center; } .footer-icon5:hover{ background:url('../img/footer-icon5-hover.png') no-repeat left center; } .footer-inut1{ float: left; height: 70px; /* margin-bottom: 20px; */ position: relative; width: 100%; } .footer-inut1.auto-height{height:130px;} .footer-inut1 input{ float:left; width:100%; height:50px; border:1px solid #dddddd; border-radius:3px; font-size:16px; color:#7f7f7f; padding-left:49px; } .footer-inut1 textarea{ float:left; width:100%; height:107px; border:1px solid #dddddd; border-radius:3px; font-size:16px; color:#7f7f7f; padding-left:49px; padding-top:12px; font-family: 'open_sansregular'; } .footer-inpt-1{ background:url('../img/footer-int-1.png') no-repeat left 15px center #fff; } .footer-inpt-2{ background:url('../img/footer-int-2.png') no-repeat left 13px center #fff; } .footer-inpt-3{ background:url('../img/footer-int-3.png') no-repeat left 14px center #fff; background-position: 14px 7px; } .footer-inut1-btn{ margin-bottom:0px; } .footer-inut1-btn a{ display: inline-block; padding: 10px 24px; font-size: 14px; color: #fff !important; text-transform: uppercase; font-family: 'open_sanssemibold'; border-radius: 5px; background-color: #13bff3; box-shadow: 0px 2px 0px #098cb3; } .footer-inut1-btn input[type=submit] { display: inline-block; padding: 9px 24px;font-size: 14px;color: #fff !important; text-transform: uppercase; border-radius: 5px; background-color: #13bff3; box-shadow: 0px 2px 0px #098cb3;width:auto; height:auto;border:none;cursor: pointer; } .hvr-radial-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } /*.sol-1 .hvr-radial-in{ background:#3b5998;} .sol-1 .sol-2 .hvr-radial-in{ background:#55acee;} .sol-1 .sol-3 .hvr-radial-in{ background:#3b5998;} * */ .hvr-radial-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #54667a; border-radius: 100%; -webkit-transform: scale(2); transform: scale(2); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active { color: white; } .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before { -webkit-transform: scale(0); transform: scale(0); } .footer-end-main{ float:left; width:100%; height:auto; background-color:#2b2b2b; padding:20px 0px; } .footer-end-base{ float:left; width:100%; } .footer-end-base h4{ text-align:center; width:auto; font-size:13px; color:#d1d1d1; } .footer-end-base ul{ float:right; width:50%; height:auto; text-align:right; } .footer-end-base ul li{ display:inline-block; list-style:none; margin-left: 12px; } .footer-end-base ul li a{ text-decoration:none; font-size:13px; color:#d1d1d1; } .footer-end-base ul li a:hover{ text-decoration:underline; color:#fff; } a{ transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; } .detail-btn a:hover{ background-color:#0aa9d8; } .sub-input-main a:hover{ background-color:#0aa9d8; } .footer-inut1-btn a:hover{ background-color:#0aa9d8; } .home-login-btn a:hover{ background-color:#8a991f; } /****************************about us start********************************/ .about-us-main{ height:auto; width:100%; float:left; padding:35px 0px; } .about-us-base { float: left; height: 100%; margin-bottom: 49px; width: 100%; } .about-banner{ float:left; width:100%; height:161px; position:relative; background-color:#000; overflow:hidden; } .about-banner img{ opacity:0.5; } .about-banner:before{ background:url('../img/banner_bottom.png') repeat-x bottom left; width:100%; height:7px; content:""; bottom:0px; left:0px; position:absolute; } .inner-head-home{ z-index: 9; top: 51px; text-align: center; } .inner-head-home h4{ padding: 8px 0 0; margin:0px auto; display:inline-block; width:auto; } /*.about-img { float: left; width: 34%; height: auto; border-radius: 3px; overflow: hidden; border: 1px solid #eee; background-color: #fff; padding: 4px; margin-right: 20px; margin-bottom: 7px; }*/ .about-us-div1 p{ font-size:14px; color:#54667a; line-height: 22px; margin-bottom: 20px; } .about-img img { display: table; } .about-us-div1 img{ float: left; width: 34%; height: auto; border-radius: 3px; overflow: hidden; border: 1px solid #eee; background-color: #fff; padding: 4px; margin-right: 20px; margin-bottom: 7px;display:table; } /****************************about us end********************************/ /*********************home admin start**********************/ .admin-img-home{ margin-top:24px; } .admin-img-home h4{ color:#a5a5a5; } .about-us-head-text{ float:left; width:100%; height:auto; margin-bottom: 20px; } .about-us-head-text h2{ float:left; width:100%; color:#54667a; font-family: 'open_sansbold'; font-size:20px; text-transform: uppercase; } /*********************home admin end**********************/ /******************************************risponsive start*************************************************/ /*******************************new list telemedican****************/ .banner_bottom { background: rgba(0, 0, 0, 0) url("../img/banner_bottom.png") repeat-x scroll left top; float: left; height: 7px; width: 100%; } .profile-main-txt { background: rgba(0, 0, 0, 0) url("../img/profile-bg-shadow.png") no-repeat scroll left bottom; float: left; padding-bottom: 0px; width: 100%; } .profile-inner { background: #ffffff url("../img/profile-bg.png") no-repeat scroll left top; float: left; padding: 5px 15px; width: 100%; } .profile-heading { float: left; margin-bottom: 4px; width: 100%;position:relative; } .profile-heading::after { background: #c9c7c7 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 0; margin: auto; position: absolute; top: 0; width: 100%; } .profile-heading h2 { background: #d1edf6 url("../img/heading-bg.png") no-repeat scroll left center; color: #444444; float: left; font-family: open_sansbold; padding: 0 19px; position: relative; width: auto;z-index:999; } .profile-image-txt-block { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; border: 3px solid rgba(117, 117, 117, 0.2); float: left; width: 100%; } .profile-image { border: 4px solid #ffffff; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); float: left; margin-right: 8px; width:15%; } .profile-right-txt { float: right; padding: 8px 0 0157; width: 81%; } .main-info { float: left; width: 44%; } .main-info > ul { float: left; list-style: outside none none; width: 100%;margin:4px 0px; } .ssticky .main-info > ul { margin: 0;} .main-info li { float: left; width: 100%; font-size: 14px; color: #505050; font-family: open_sansregular;margin-bottom:6px; } .main-info li:last-child{margin-bottom:0px;} .main-info span { float: left; width: 50%; } .main-info span { float: left; width: auto;color:#484747;margin-right: 3%; font-family: 'open_sanssemibold'; } .right-info-part { float: right; width: 56%; } .block-main-info { background: rgba(0, 0, 0, 0) url("../img/small-shadow.png") no-repeat scroll center bottom; float: left; margin-right: 6%; padding: 4px 0px; width: 43%; } .block-main-info > ul { list-style: outside none none;background:#fff;float:left;width:100%;border: 1px solid #efefef; } .block-main-info li { font-size: 14px;color:#484747; width: 100%; vertical-align: top; display: inline-block; } .block-main-info label { background: #c7e6f0 none repeat scroll 0 0; border-bottom: 1px solid #9cc4ce; float: left; padding: 2px 10px; text-align: right; width: 30%; } .block-main-info span { border-bottom: 1px solid #f2f2f2; float: left; padding: 0px 10px; width: 70%;min-height:25px; } .ssticky .block-main-info span{padding:0px 2px;font-size:13px;} .main-section-profile1{width:100%; float:left;background:#f8f7f7;margin:0px 0px;} .left-side-block{width:21%;padding:12px;background:rgba(0,0,0,0.3); float:left; margin-top: 20px;} .left-side-block > ul { float: left; list-style: outside none none; width: 100%; } .left-side-block li { float: left; width: 100%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e9e7e7+99 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e9e7e7 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#e9e7e7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e9e7e7 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e9e7e7 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e9e7e7 99%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e9e7e7 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e7e7',GradientType=0 ); /* IE6-9 */ border:1px solid #cdcdcd; } .left-side-block a { color: #505050; float: left; font-size: 14px; padding: 10px; width: auto;padding-left:45px;width:100%; } .left-side-block .fa.fa-angle-right { float: right; padding: 3px 0 0; } .Allergies{background:url(../img/Allergies.png) no-repeat 10px center;} .left-side-block li:hover .Allergies ,.left-side-block li.active .Allergies{background:url(../img/Allergies1.png) no-repeat 10px center;} .Immunisations{background:url(../img/Immunisations.png) no-repeat 10px center;} .left-side-block li:hover .Immunisations ,.left-side-block li.active .Immunisations{background:url(../img/Immunisations1.png) no-repeat 10px center;} .Family{background:url(../img/Family.png) no-repeat 10px center;} .left-side-block li:hover .Family ,.left-side-block li.active .Family{background:url(../img/Family1.png) no-repeat 10px center;} .Social{background:url(../img/Social.png) no-repeat 10px center;} .left-side-block li:hover .Social ,.left-side-block li.active .Social{background:url(../img/Social1.png) no-repeat 10px center;} .Medical{background:url(../img/Medical.png) no-repeat 10px center;} .left-side-block li:hover .Medical ,.left-side-block li.active .Medical{background:url(../img/Medical1.png) no-repeat 10px center;} .Charts{background:url(../img/Charts.png) no-repeat 10px center;} .left-side-block li:hover .Charts ,.left-side-block li.active .Charts{background:url(../img/Charts1.png) no-repeat 10px center;} .Surgeries{background:url(../img/Surgeries.png) no-repeat 10px center;} .left-side-block li:hover .Surgeries ,.left-side-block li.active .Surgeries{background:url(../img/Surgeries1.png) no-repeat 10px center;} .Hospitalisations{background:url(../img/Hospitalisations.png) no-repeat 10px center;} .left-side-block li:hover .Hospitalisations ,.left-side-block li.active .Hospitalisations{background:url(../img/Hospitalisations1.png) no-repeat 10px center;} .discharge{background:url(../img/discharge-plans.png) no-repeat 10px center;} .vitals-plan{background:url(../img/vitals.png) no-repeat 10px center;} .documents{background:url(../img/documents-a.png) no-repeat 10px center;} .symptoms-history{background:url(../img/symptoms-history.png) no-repeat 10px center;} .left-side-block li:hover .discharge ,.left-side-block li.active .discharge{background:url(../img/discharge-plans_hover.png) no-repeat 10px center;} .left-side-block li:hover .vitals-plan ,.left-side-block li.active .vitals-plan{background:url(../img/vitals_hover.png) no-repeat 10px center;} .left-side-block li:hover .documents ,.left-side-block li.active .documents{background:url(../img/documents-a_hover.png) no-repeat 10px center;} .left-side-block li:hover .symptoms-history ,.left-side-block li.active .symptoms-history{background:url(../img/symptoms-history_hover.png) no-repeat 10px center;} .Messages{background:url(../img/Messages.png) no-repeat 10px center;} .left-side-block li:hover .Messages ,.left-side-block li.active .Messages{background:url(../img/Messages1.png) no-repeat 10px center;} .Care{background:url(../img/Care.png) no-repeat 10px center;} .left-side-block li:hover .Care ,.left-side-block li.active .Care{background:url(../img/Care1.png) no-repeat 10px center;} .left-side-block li:hover a ,.left-side-block li.active a{color:#fff;} .left-side-block li:hover ,.left-side-block li.active{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7cdffd+0,13bff3+99 */ background: #7cdffd; /* Old browsers */ background: -moz-linear-gradient(top, #7cdffd 0%, #13bff3 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7cdffd), color-stop(99%,#13bff3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7cdffd 0%,#13bff3 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7cdffd 0%,#13bff3 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7cdffd 0%,#13bff3 99%); /* IE10+ */ background: linear-gradient(to bottom, #7cdffd 0%,#13bff3 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cdffd', endColorstr='#13bff3',GradientType=0 ); /* IE6-9 */} .right-side-block{width:79%; float:left;padding:20px 20px;} .right-side-block .profile-heading h2 { background-color: #f8f7f7; } .Allergies-block1{width:49%;float:left;} .Allergies-block1-right{width:49%; float:right;} .Allergies-block1-inner{width:100%; background-color:#fff;border-radius:3px;padding:10px;border:1px solid #cfcece;float:left;margin-bottom:10px;} .alergy-block-heading > h2 { background: rgba(0, 0, 0, 0) url("../img/Allergies.png") no-repeat scroll left center; color: #444444; font-family: open_sansbold; font-size: 14px; padding: 5px 32px;width:auto;float:left; } .plus { background: rgba(0, 0, 0, 0) url("../img/plus.png") no-repeat scroll left top; display: inline-block; height: 22px; margin-left: 5px; text-indent: -99999px; width: 24px; } .plus:hover { background: rgba(0, 0, 0, 0) url("../img/plus1.png") no-repeat scroll left top; } .plus.view { background: rgba(0, 0, 0, 0) url("../img/view.png") no-repeat scroll left top; } .plus.view:hover { background: rgba(0, 0, 0, 0) url("../img/view1.png") no-repeat scroll left top; } .icons-p-V { float: right;/****************************about us start********************************/ .about-inner-baner{ display:inline-block; position:relative; right:-50%; } .about-inner-baner img{ position:relative; right:50%; max-width:inherit; } /****************************about us start********************************/ padding: 4px 0; } .alergy-block-heading { float: left; margin-bottom: 20px; width: 100%; } .tabel-inner-block { width: 100%; float: left; } table.my-table { border: 1px solid #cfcece; border-radius: 3px; overflow: hidden; width: 100%; } table.my-table th{font-weight:normal;background:#c4f1fe;} table.my-table th,table.my-table td{font-size:13px;color:#505050;padding:5px 5px; font-family: open_sansregular;text-align:left;} table.my-table:nth-child(2n){background:#f2f2f0;} table.my-table th { font-family: open_sanssemibold;} .active-block{width:30px;background-color:#bababa;} .active-block { background-color: #bababa; border-radius: 20px; height: 11px; position: relative; width: 33px;left:0; top:0; } .active1 { position: absolute; right: -4px; top: -4px; } .Inactive { left: -4px; position: absolute; top: -4px; } .my-table tr:nth-child(2n+1) { background: #f2f2f0 none repeat scroll 0 0; } .alergy-block-heading > h2.growth{ background: rgba(0, 0, 0, 0) url("../img/Charts.png") no-repeat scroll left center;} .alergy-block-heading > h2.Family-Histories{ background: rgba(0, 0, 0, 0) url("../img/Family.png") no-repeat scroll left center;} .alergy-block-heading > h2.Visits{ background: rgba(0, 0, 0, 0) url("../img/Visits.png") no-repeat scroll left center;} .alergy-block-heading > h2.Social{ background: rgba(0, 0, 0, 0) url("../img/Social.png") no-repeat scroll left center;} .alergy-block-heading > h2.Surgeries{ background: rgba(0, 0, 0, 0) url("../img/Surgeries.png") no-repeat scroll left center;} .alergy-block-heading > h2.immunisation{ background: rgba(0, 0, 0, 0) url("../img/Immunisations.png") no-repeat scroll left center;} .alergy-block-heading > h2.medical{ background: rgba(0, 0, 0, 0) url("../img/Medical.png") no-repeat scroll left center;} .alergy-block-heading > h2.hospitalisation{ background: rgba(0, 0, 0, 0) url("../img/Hospitalisations.png") no-repeat scroll left center;} .alergy-block-heading > h2.discharge{ background: rgba(0, 0, 0, 0) url("../img/discharge-plans.png") no-repeat scroll left center;} .alergy-block-heading > h2.symptom{ background: rgba(0, 0, 0, 0) url("../img/symptoms-history.png") no-repeat scroll left center;} .W115{width:115px;} /********************for fixed position******************/ .fixed-main-txt .profile-heading{margin-bottom:10px;} .fixed-main-txt .profile-image{width:11%;} .fixed-main-txt .profile-right-txt{width:87%;} .fixed-main-txt .main-info{width:100%;margin-bottom:10px;padding-right:20px;} .fixed-main-txt .main-info li{width:33%;} .fixed-main-txt .right-info-part{width:100%;padding-right:20px;} .fixed-main-txt .block-main-info{width:50%;margin-right:0px;} .fixed-main-txt .block-main-info.effect-pop.in li { float: left; width: 16.66%; } .ssticky .block-main-info label{width:100%;text-align:center;} .ssticky .block-main-info span{width:100%;text-align:center;} .ssticky .profile-heading{margin-bottom:10px;display:none;} .ssticky .profile-image{width:9.5%;height:80px;overflow:hidden;margin-left: 7px; margin-top: 5px;} .ssticky .profile-right-txt{width:89%;} .ssticky .main-info{width:100%;margin-bottom:2px;padding-right:20px;} .ssticky .main-info li{width:25%;margin-bottom:2px;} .ssticky .right-info-part{width:100%;padding-right:20px;} .ssticky .block-main-info{width:50%;margin-right:0px; padding-bottom: 0;} .ssticky .block-main-info.effect-pop.in li { float: left; width: 16.66%; } .ssticky .block-main-info label{width:100%;text-align:center;} .ssticky .block-main-info span{width:100%;text-align:center;} .ssticky .li-hide {display:none;} .ssticky .hides {display:block;} /*******************end*********************/ /******************17 8 2015 start*****************/ .ssticky .block-main-info ul li{ float: left; width: 16.66%;} /******************17 8 2015 end*****************/ /*********************end**********************/ /*************************blood-glucose*****************/ .blood-glucose{width:100%; float:left;background-color:rgba(19, 191, 243, 0.7);padding:10px;margin-bottom:20px;border-radius:3px;box-shadow:0px 2px 3px rgba(0,0,0,0.2);-moz-box-shadow:0px 2px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 3px rgba(0,0,0,0.2);} .row-block{width:100%;float:left;} .forthpart{ margin: 0 1%; width: 23%;} .forthpart label{width:100%;float:left;margin-bottom:5px;font-size:13px;color:#fff;padding:0px;margin-top:0px;} .forthpart span{width:100%;margin-left:0;float:left;} .forthpart.form-input { height: 84px; } .forthpart span input{width:100%;} .forthpart select,.forthpart input { /*background-color: rgb(247, 247, 247); border: 1px solid rgb(221, 221, 221); border-radius: 5px; float: left; height: 35px; padding-left: 12px;*/ width:100% !important; } .btnsub .login-btn.sign-btn { border: medium none; font-size: 16px !important; height: 36px !important; padding: 0 21px; } .alergy-block-heading > h2 { background: rgba(0, 0, 0, 0) url("../img/Allergies.png") no-repeat scroll left center; } .tabsys{width:100%; float:left;list-style:none;margin-top:10px !important;position:relative;z-index:9;margin-left:15px !important;} .tabsys li{width:auto;border:1px solid #dedede !important;border-bottom:none !important;border-radius:5px 5px 0px 0px;display:inline-block;margin-right:2px !important;} .tabsys a { color: rgb(80, 80, 80) !important; display: inline-block; font-size: 13px; padding: 5px 9px !important; } .tab-system{width:100%;border:1px solid #dedede;padding:20px;float:left; margin-top: -1px;background:#fff;} .tabsys li.active ,.tabsys li:hover{background:#fff !important;border-top:3px solid rgb(19, 191, 243) !important;} /**************************end***************************/ /********************blood type************************/ .Allergies-block1.Allergies-block1-full { width: 100%; } .blood-type { float: left; width: 100%;text-align:center; } .blood-type .Allergies-block1.blood-glucose { display: inline-block; float: none; width: 280px; } .blood-type .forthpart.form-input.one-third { text-align: left; width: 57%; height: 74px; } .blood-type .forthpart.form-input { height: 74px; } .blood-type .login-btn { background-color: rgb(19, 191, 243) !important; } .blood-type .login-btn:hover { background-color: rgb(1, 157, 209)!important; } /*****************************end*************/ .form-div-main3 { float: left; width: 50%;} .popup-right { float: left; width: 50%;} .form-div-main3 .form-input label{ width: 26%;} .form-div-main3 .form-input input{ width: 70%;} .form-div-main3 .form-input input[type="file"]{ width: 50%;} .form-div-main3 .form-input select{ width: 70%;} .form-div-main3 .form-input span{ margin-left: 26%;} /*.form-div-main3 .text-file-uploaded{ width: 20%;}*/ .popup-right .form-div-main{margin: 0;} .form-div-main.form-div-main2.form-pop-up label { width: 28%;} .form-div-main.form-div-main2.form-pop-up input { width: 70%;} .action_add > img {left: 2px; position: relative; top: 8px; width: 4%;cursor: pointer;} /************************************dashboard start*************************************/ .logo-dash{ margin-top:0px; width: 248px; } .admin-img-dash{ width:50px; height:50px; box-shadow: 2px 5px 1px rgba(0, 0, 0, 0.19); } .admin-dash{ width:auto; margin-top: 12px; } .dash-admin-cart{ font-size:14px !important; color:#a5a5a5; } .admin-sub-dash{ left:-11px; } .dash-inner-baner img{ opacity:1; } .dash-banner{ height:157px; } .dashboard-main{ height:auto; width:100%; float:left; } .dashboard-main ul{ float:left; width:100%; text-align:center; } .dashboard-main ul li{ display:inline-block; padding:19px 17px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:262px; box-shadow:1px 0px 3px rgba(0, 0, 0, 0.22); margin: 12px 12px; } .dashboard-main ul li img{ display:inline-block; margin:0px auto; -webkit-transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; } .dashboard-main ul li:hover .dash-front-icon{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } .dashboard-main ul li:hover{ box-shadow:5px 5px 0px rgba(0, 0, 0, 0.15); } .dashboard-main ul li a{ float:left; width:100%; text-align:center; font-size:17px; color:#fff; margin-bottom: 5px; } .bg-color-1{ background-color:#389ee4; } .bg-color-2{ background-color:#fe595b; } .bg-color-3{ background-color:#fd9328; } .bg-color-4{ background-color:#a8ba27; } .bg-color-blak{ background-color:#54667a; } .bg-color-green{ background-color:#119c7e; } .dash-border{ float:left; width:100%; height:1px; background-color:#fff; margin-top: 20px; margin-bottom: 12px; } /************************************dashboard end*************************************/ /************************************dashboard start*************************************/ .dashboard-menu{ float:left; width:100%; height:auto; border-bottom: 1px solid #d8d8d8; } .dashboard-menu-main{ float:left; width:100%; height:auto; } .dashboard-menu-main ul{ float:left; width:auto; } .dashboard-menu-main ul li{ float:left; list-style:none; border-right: 1px solid #d8d8d8; } .dashboard-menu-main ul li:first-child{ border-left: 1px solid #d8d8d8; } .dashboard-menu-main ul li a{ float:left; width:auto; min-width:90px; text-align:center; padding: 0px 6px; } .dashboard-menu-main ul li a i{ float:left; width:100%; text-align:center; margin-top: 9px; } .dash-menu-icon1{ background:url('../img/dash-menu-1.png')no-repeat center center; height:20px; } .dashboard-menu-main ul li a span{ float:left; width:100%; text-align:center; font-size:13px; color:#b2afaa; margin-top: 3px; margin-bottom:7px; } .dashboard-menu-main ul li .active{ box-shadow:0px 2px 0px #13bff3; } .dashboard-menu-main ul li .active .dash-menu-link{ color:#54667a; } .dashboard-menu-main ul li .active .dash-menu-icon1{ /*background:url('../img/dash-menu-1-hover.png')no-repeat center center;*/ height:20px; } .dashboard-menu-main ul li a:hover{ box-shadow:0px 2px 0px #13bff3; } .dashboard-menu-main ul li a:hover .dash-menu-link{ color:#54667a; } .dashboard-menu-main ul li a:hover .dash-menu-icon1{ background:url('../img/dash-menu-1-hover.png')no-repeat center center; height:20px; } .dash-menu-icon2{ background:url('../img/dash-menu-2.png')no-repeat center center; } .dashboard-menu-main ul li a:hover .dash-menu-icon2{ background:url('../img/dash-menu-2-hover.png')no-repeat center center; height:20px; } .dash-menu-icon3{ background:url('../img/dash-menu-3.png')no-repeat center center; } .dashboard-menu-main ul li a:hover .dash-menu-icon3{ background:url('../img/dash-menu-3-hover.png')no-repeat center center; height:20px; } .dash-menu-icon4{ background:url('../img/dash-menu-4.png')no-repeat center center; } .dashboard-menu-main ul li a:hover .dash-menu-icon4{ background:url('../img/dash-menu-4-hover.png')no-repeat center center; height:20px; } .dash-menu-icon5{ background:url('../img/dash-menu-5.png')no-repeat center center; } .dashboard-menu-main ul li a:hover .dash-menu-icon5{ background:url('../img/dash-menu-5-hover.png')no-repeat center center; height:20px; } .dash-menu-icon6{ background:url('../img/dash-menu-6.png')no-repeat center center; } .dashboard-menu-main ul li a:hover .dash-menu-icon6{ background:url('../img/dash-menu-6-hover.png')no-repeat center center; height:20px; } .dash-menu-icon7{ background:url('../img/dash-menu-7.png')no-repeat center center; } .dashboard-menu-main ul li a:hover .dash-menu-icon7{ background:url('../img/dash-menu-7-hover.png')no-repeat center center; height:20px; } .dash-menu-icon8{ background:url('../img/dash-menu-8.png')no-repeat center center; } .dashboard-menu-main ul li a:hover .dash-menu-icon8{ background:url('../img/dash-menu-8-hover.png')no-repeat center center; height:20px; } .dash-menu-icon9{ background:url('../img/dash-menu-9.png')no-repeat center center; } .dashboard-menu-main ul li a:hover .dash-menu-icon9{ background:url('../img/dash-menu-9-hover.png')no-repeat center center; height:20px; } .dash-menu-icon10{ background:url('../img/dash-menu-10.png')no-repeat center center; } .dashboard-menu-main ul li a:hover .dash-menu-icon10{ background:url('../img/dash-menu-10-hover.png')no-repeat center center; height:20px; } .dash-menu-icon11{ background:url('../img/dash-menu-11.png')no-repeat center center; } .dashboard-menu-main ul li a:hover .dash-menu-icon11{ background:url('../img/dash-menu-11-hover.png')no-repeat center center; height:20px; } .dash-menu-icon12{ background:url('../img/dash-menu-12.png')no-repeat center center; } .dashboard-menu-main ul li a:hover .dash-menu-icon12{ background:url('../img/dash-menu-12-hover.png')no-repeat center center; height:20px; } .dash-outer{ float:left; width:100%; height:auto; background-color:#eeeeee; padding-bottom:55px; padding-top:55px; } .dash-outer-main{ float:left; width:100%; height:auto; } .dash-heading{ float:left; width:100%; height:auto;background:url('../img/border-dash.png')repeat-x left bottom; padding-bottom: 8px; } .dash-heading h4{ float:left; width:auto; font-size:21px; color:#54667a; text-transform:uppercase; font-family: 'open_sanssemibold'; } .dash-btn-div{ float:left; width:100%; height:auto; margin-top: 20px; } .dash-btn-div.patient-select-box { margin-top: 5px; width: auto;} .dash-btn-div select{ height:38px; width:240px; border-radius:5px; border:1px solid #d6d6d6; color:#b2afaa; font-size:12px; padding-left:10px;background:#fff;cursor: pointer; } .dash-btn-div a{ float:right; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#13bff3+0,0d9cc8+100 */ background: rgb(19,191,243); /* Old browsers */ background: -moz-linear-gradient(top, rgba(19,191,243,1) 0%, rgba(13,156,200,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,191,243,1)), color-stop(100%,rgba(13,156,200,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(19,191,243,1) 0%,rgba(13,156,200,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(19,191,243,1) 0%,rgba(13,156,200,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(19,191,243,1) 0%,rgba(13,156,200,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(19,191,243,1) 0%,rgba(13,156,200,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13bff3', endColorstr='#0d9cc8',GradientType=0 ); /* IE6-9 */ padding: 8px 12px; border-radius:5px; } .dash-btn-div a:hover{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d9cc8+0,13bff3+100 */ background: rgb(13,156,200); /* Old browsers */ background: -moz-linear-gradient(top, rgba(13,156,200,1) 0%, rgba(19,191,243,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,156,200,1)), color-stop(100%,rgba(19,191,243,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(13,156,200,1) 0%,rgba(19,191,243,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(13,156,200,1) 0%,rgba(19,191,243,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(13,156,200,1) 0%,rgba(19,191,243,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(13,156,200,1) 0%,rgba(19,191,243,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d9cc8', endColorstr='#13bff3',GradientType=0 ); /* IE6-9 */ } .dash-user-plus{ color:#fff; font-size:16px !important; } .dash-btn-div a span{ font-size:15px; color:#fff; font-family: 'open_sanssemibold'; background:url('../img/btn-border.png')no-repeat top left; padding: 3px 10px; padding-right:0px; } .dash-table-div{ float:left; width:100%; margin-top:20px; height:auto; border-radius:6px; overflow:hidden; position: relative; } .dash-table-div table{ width:100%; border-collapse:collapse; border: 1px solid #e6e6e6; border-radius:5px; } .dash-table-div table thead tr th{ background-color:#54667a; color:#fff; font-family: 'open_sanssemibold'; font-size:15px; text-align:left; padding: 14px 20px; } .dash-table-div table tbody tr td{ background-color:#fff; color:#777777; font-size:14px; text-align:left; padding: 14px 20px; border-bottom:1px solid #e6e6e6; } .dash-table-center{ text-align:center !important; } .dash-color-green{ color:#95a61f !important; } .dash-color-red{ color:#fe5a5b !important; } .admin-sub-dash ul{ background-color:#54667a; } .admin-sub-dash ul:before{ border-bottom: 5px solid #54667a; } .dash-table-rot{ -webkit-transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; } .dash-table-rot:hover{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } .user-btn-div.patient-user-btn-div { float: right;} /************************************dashboard end*************************************/ /************************************form_design start*************************************/ .mediacl_reord { margin: 0 auto; width: 72%; border } .mediacl_reord_main { background: #fff; margin: 0; float: left; width: 100%; border: 1px solid #ddd; border-radius: 4px; padding: 20px 14px 20px 14px; } .input_table_a { float: left; width: 100%; padding: 30px 0 0 0; } .input_table { float: left; width: 50%; } .details-list-edit-new { float: left; /* height: 58px; */ height: 58px; width: 100%; } .details-list-edit-new.checkbo {float: left;height: 58px;width: 100%;} .name-word-new { float: left; padding: 0 8px 0 8px; width: 24%; } .name-input-edit-new .action_add > img { top: 5px;} .name-input-edit-new { float: left; margin: 0 0 20px 0; padding: 0; position: relative; width: 75%; } .name-input-edit-new > input { background: #fff; border: 1px solid #dedede; border-radius: 4px; color: #646464; float: left; font-size: 12px; margin: 0; min-height: 36px; padding: 6px 12px; width: 57%; } .name-input-edit-new > textarea { background: none repeat scroll 0 0 #fff; border: 1px solid #dedede; border-radius: 4px; color: #646464; float: left; font-size: 12px; margin: 0; min-height: 36px; padding: 6px 12px; width: 57%; } .severity { bottom: -18px; color: #444444; font-size: 12px; position: absolute;} .name-input-edit-new label { float: left; margin-top: -2px; width: 100%;} .role_search label {left: 0; position: absolute; top: 35px; } .name-input-edit-new > .role_search { background: #fff; border: 1px solid #dedede; border-radius: 4px; color: #b2afaa; float: left; font-size: 12px; margin: 0; min-height: 36px; padding: 6px 12px ; width: 57%; } .error-c { bottom: -15px; color: red; font-size: 12px; left: 0; position: absolute; /*display: none;*/ } .name-word-new > label { color: #444444; float: left; font-size: 12px; line-height: 12px; padding: 10px 0 0 0; width: 100%; word-wrap: break-word; } .checkbo-label { font-size: 12px !important; width: 100% !important; margin-top: 0 !important;} .role_base { background: transparent url('../img/select-arrow.png'); background-position: 100% center; background-repeat: no-repeat; background-size: auto; border: none; -webkit-appearance:none; -moz-appearance:none; appearance:none; float: left; height: 22px; width: 100%; outline: none; color: #646464;cursor: pointer; } .role_base:focus{ outline: none; border: none; } .cus-submit-new > .form-Submit { background: #13bff2; /* Old browsers */ background: -moz-linear-gradient(top, #13bff2 0%, #0d9dc9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#13bff2), color-stop(100%,#0d9dc9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #13bff2 0%,#0d9dc9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #13bff2 0%,#0d9dc9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #13bff2 0%,#0d9dc9 100%); /* IE10+ */ background: linear-gradient(to bottom, #13bff2 0%,#0d9dc9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13bff2', endColorstr='#0d9dc9',GradientType=0 ); /* IE6-9 */ border: none; border-radius: 4px; color: #fff; float: left; font-size: 15px; font-family: 'open_sansbold'; height: 38px; margin: 0 10px 0 0; padding: 7px 20px 7px 20px; width: auto;cursor: pointer; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.32); } .cus-submit-new > .form-Submit:hover { background: #0d9dc9; /* Old browsers */ background: -moz-linear-gradient(top, #0d9dc9 0%, #13bff2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d9dc9), color-stop(100%,#13bff2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0d9dc9 0%,#13bff2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0d9dc9 0%,#13bff2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0d9dc9 0%,#13bff2 100%); /* IE10+ */ background: linear-gradient(to bottom, #0d9dc9 0%,#13bff2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d9dc9', endColorstr='#13bff2',GradientType=0 ); /* IE6-9 */ } .records_detail{ float: left; width: 100%; margin: 20px 0 0 0; } .patient_list_ent{ float: left; width:100%; background: #fff; border: 1px solid #ddd; border-radius: 6px; padding: 30px 20px 30px 20px; } .name-input-a > .role_search { width: 100%; } .name-input-a > input { width: 100%; } .name-word-new.name-word-a { width: 28%; } .name-input-a { width: 60%; } .callender input{ background: #fff url('../img/callender.png'); background-position: 97% center; background-repeat: no-repeat; background-size: auto; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .last_input { margin: 0; } .cus-submit_record { float: left; margin: 20px 0 0 0; width: 100%; } .cus-record { display: inline-block; margin: 0; width: 100%; text-align: center; } .cus-record > .form-Submit { background: #13bff2; /* Old browsers */ background: -moz-linear-gradient(top, #13bff2 0%, #0d9dc9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#13bff2), color-stop(100%,#0d9dc9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #13bff2 0%,#0d9dc9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #13bff2 0%,#0d9dc9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #13bff2 0%,#0d9dc9 100%); /* IE10+ */ background: linear-gradient(to bottom, #13bff2 0%,#0d9dc9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13bff2', endColorstr='#0d9dc9',GradientType=0 ); /* IE6-9 */ border: none; border-radius: 4px; color: #fff; display: inline-block; font-size: 15px; font-family: 'open_sansbold'; height: 38px; margin: 0 10px 0 0; padding: 10px 20px 10px 20px; width: auto; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.32); cursor: pointer; line-height: 15px;vertical-align:top; } .cus-record > .form-Submit:hover { background: #0d9dc9; /* Old browsers */ background: -moz-linear-gradient(top, #0d9dc9 0%, #13bff2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d9dc9), color-stop(100%,#13bff2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0d9dc9 0%,#13bff2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0d9dc9 0%,#13bff2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0d9dc9 0%,#13bff2 100%); /* IE10+ */ background: linear-gradient(to bottom, #0d9dc9 0%,#13bff2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d9dc9', endColorstr='#13bff2',GradientType=0 ); /* IE6-9 */ } .fileUpload { position: relative; overflow: hidden; margin: 10px; } .fileUpload > input.upload { cursor: pointer; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .upload_input { background: transparent url('../img/upload_img.png'); background-position: left center; background-repeat: no-repeat; background-size: auto; border: medium none; padding: 0 0 0 25px; margin: 5px 0 0 0; width: 50%; } .upload { background: #13bff2; /* Old browsers */ background: -moz-linear-gradient(top, #13bff2 0%, #0d9dc9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#13bff2), color-stop(100%,#0d9dc9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #13bff2 0%,#0d9dc9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #13bff2 0%,#0d9dc9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #13bff2 0%,#0d9dc9 100%); /* IE10+ */ background: linear-gradient(to bottom, #13bff2 0%,#0d9dc9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13bff2', endColorstr='#0d9dc9',GradientType=0 ); /* IE6-9 */ border: none; border-radius: 4px; color: #fff; float: right; font-size: 11px; font-family: 'open_sansbold'; height: 28px; margin: 0; padding: 6px 14px; width: 73px; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.32); } .upload:hover { background: #0d9dc9; /* Old browsers */ background: -moz-linear-gradient(top, #0d9dc9 0%, #13bff2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d9dc9), color-stop(100%,#13bff2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0d9dc9 0%,#13bff2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0d9dc9 0%,#13bff2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0d9dc9 0%,#13bff2 100%); /* IE10+ */ background: linear-gradient(to bottom, #0d9dc9 0%,#13bff2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d9dc9', endColorstr='#13bff2',GradientType=0 ); /* IE6-9 */ } .name-input-edit-new > .role_search_a { background: #fff; border: 1px solid #dedede; border-radius: 4px; color: #b2afaa; float: left; font-size: 12px; margin: 0; min-height: 36px; padding: 3px 12px; width: 100%; } .patient-view .name-input-edit-new.name-input-a { margin-bottom: 0; } .patient-view label { padding-top: 0;} .patient-view .details-list-edit-new { height: auto; padding: 8px 0;} .name-input-edit-new.name-input-a p { float: left; margin-top: 0px;font-size: 12px;} /************************************form_design end*************************************/ /******************************health tracker start********************************/ .health-add span{ font-size: 15px; color: #fff; font-family: 'open_sanssemibold'; padding: 3px 10px; padding-right: 0px; } .health-add { float: right; background: rgb(19,191,243); background: -moz-linear-gradient(top, rgba(19,191,243,1) 0%, rgba(13,156,200,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,191,243,1)), color-stop(100%,rgba(13,156,200,1))); background: -webkit-linear-gradient(top, rgba(19,191,243,1) 0%,rgba(13,156,200,1) 100%); background: -o-linear-gradient(top, rgba(19,191,243,1) 0%,rgba(13,156,200,1) 100%); background: -ms-linear-gradient(top, rgba(19,191,243,1) 0%,rgba(13,156,200,1) 100%); background: linear-gradient(to bottom, rgba(19,191,243,1) 0%,rgba(13,156,200,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13bff3', endColorstr='#0d9cc8',GradientType=0 ); padding: 8px 12px; border-radius: 5px; } .health-main-text{ float:left; width:100%; height:auto; margin-top: 35px; } .health-left{ float:left; width:19.5%; height:auto; border-radius: 5px; overflow: hidden; box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.22); } .health-left ul{ float:left; width:100%; } .health-left ul li{ float:left; width:100%; height:auto; list-style:none; } .health-left ul li a{ float:left; width:100%; height:auto; padding:13px 14px; font-size:14px; color:#b8c7ce; background-color:#54667a; } .health-right{ float:left; width:77%; margin-left:3.5%; } .div-health-main{ float:left; width:100%; height:auto; box-shadow: 0px 2px 2px rgba(62, 62, 62, 0.44); border-radius: 5px; overflow: hidden; margin-bottom: 35px; } .health-rht-head{ float:left; width:100%; height:auto; background-color:#54667a; padding: 12px 18px; } .health-rht-head h4{ display:inline-block; vertical-align:middle; color:#fff; font-size:15px; } .helt-add{ display:inline-block; vertical-align:middle; color:#fff; font-size:16px !important; } .health-contant-div{ float:left; width:100%; height:auto; padding:18px; background-color:#fff; } .health-contant-div ul{ float:left; width:100%; height:auto; } .health-contant-div ul li{ float:left; width:23%; margin-right:2%; list-style:none; } .health-contant-div.health-contact-pulse ul li { width: 18%; } .health-contant-div ul li:last-child{ margin-right:0px; } .health-contant-div ul li h4{ float:left; width:100%; font-size:13px; color:#b2afaa; margin-bottom: 2px; } .health-contant-div ul li select{ width:100%; height: 40px; width: 100%; border-radius: 5px; border: 1px solid #d6d6d6; color: #b2afaa; font-size: 12px; padding-left: 10px; background-color: #f5f5f5; } .health-contant-div ul li input{ width:100%; height: 40px; width: 100%; border-radius: 5px; border: 1px solid #d6d6d6; color: #b2afaa; font-size: 12px; padding-left: 10px; background-color: #f5f5f5; } .hlt-btn-div{ float:left; width:100%; text-align:right; margin-top:14px; padding-right: 19px; } .hlt-btn-div a{ display:inline-block; background: rgb(19,191,243); background: -moz-linear-gradient(top, rgba(19,191,243,1) 0%, rgba(13,156,200,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,191,243,1)), color-stop(100%,rgba(13,156,200,1))); background: -webkit-linear-gradient(top, rgba(19,191,243,1) 0%,rgba(13,156,200,1) 100%); background: -o-linear-gradient(top, rgba(19,191,243,1) 0%,rgba(13,156,200,1) 100%); background: -ms-linear-gradient(top, rgba(19,191,243,1) 0%,rgba(13,156,200,1) 100%); background: linear-gradient(to bottom, rgba(19,191,243,1) 0%,rgba(13,156,200,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13bff3', endColorstr='#0d9cc8',GradientType=0 ); padding: 8px 12px; border-radius: 5px; font-size: 13px; color: #fff; padding: 7px 21px;height:30px; } .hlt-btn-div input[type=submit]{ display:inline-block; background: rgb(19,191,243); background: -moz-linear-gradient(top, rgba(19,191,243,1) 0%, rgba(13,156,200,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,191,243,1)), color-stop(100%,rgba(13,156,200,1))); background: -webkit-linear-gradient(top, rgba(19,191,243,1) 0%,rgba(13,156,200,1) 100%); background: -o-linear-gradient(top, rgba(19,191,243,1) 0%,rgba(13,156,200,1) 100%); background: -ms-linear-gradient(top, rgba(19,191,243,1) 0%,rgba(13,156,200,1) 100%); background: linear-gradient(to bottom, rgba(19,191,243,1) 0%,rgba(13,156,200,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13bff3', endColorstr='#0d9cc8',GradientType=0 ); padding: 8px 12px; border-radius: 5px; font-size: 13px; color: #fff; padding: 7px 21px;height:30px;border:none;cursor: pointer; } .health-rht-head img{ display:inline-block; vertical-align:middle; } .graph{ float:left; width:100%; } .angle-rht{ float:right; } .health-left ul li a:hover { color:#fff; background-color:#475a70; } .health-left ul li .active { color:#fff; background-color:#475a70; } .health-icon1{ background:url('../img/side-1.png')no-repeat center left; background-position:15px 13px; padding-left:44px !important; } .health-icon1:hover{ background:url('../img/side-1-hover.png')no-repeat center left; background-position:15px 13px; padding-left:44px !important; } .health-icon1.icon2{ background:url('../img/side-2.png')no-repeat center left #54667a; background-position:20px 13px; padding-left:44px !important; } .health-icon1.icon2:hover{ background:url('../img/side-2-hover.png')no-repeat center left #475a70; background-position:20px 13px; padding-left:44px !important; } .health-icon1.icon3{ background:url('../img/side-3.png')no-repeat center left #54667a; background-position:15px 13px; padding-left:44px !important; } .health-icon1.icon3:hover{ background:url('../img/side-3-hover.png')no-repeat center left #475a70; background-position:15px 13px; padding-left:44px !important; } .health-icon1.icon4{ background:url('../img/side-4.png')no-repeat center left #54667a; background-position:12px 13px; padding-left:44px !important; } .health-icon1.icon4:hover{ background:url('../img/side-4-hover.png')no-repeat center left #475a70; background-position:12px 13px; padding-left:44px !important; } .health-icon1.icon5{ background:url('../img/side-5.png')no-repeat center left #54667a; background-position:18px 13px; padding-left:44px !important; } .health-icon1.icon5:hover{ background:url('../img/side-5-hover.png')no-repeat center left #475a70; background-position:18px 13px; padding-left:44px !important; } .health-icon1.icon6{ background:url('../img/side-6.png')no-repeat center left #54667a; background-position:12px 13px; padding-left:44px !important; } .health-icon1.icon6:hover{ background:url('../img/side-6-hover.png')no-repeat center left #475a70; background-position:12px 13px; padding-left:44px !important; } .health-icon1.icon7{ background:url('../img/side-7.png')no-repeat center left #54667a; background-position:12px 13px; padding-left:44px !important; } .health-icon1.icon7:hover{ background:url('../img/side-7-hover.png')no-repeat center left #475a70; background-position:12px 13px; padding-left:44px !important; } .health-icon1.icon8{ background:url('../img/side-8.png')no-repeat center left #54667a; background-position:15px 13px; padding-left:44px !important; } .health-icon1.icon8:hover{ background:url('../img/side-8-hover.png')no-repeat center left #475a70; background-position:15px 13px; padding-left:44px !important; } .health-icon1.icon9{ background:url('../img/side-9.png')no-repeat center left #54667a; background-position:14px 13px; padding-left:44px !important; } .health-icon1.icon9:hover{ background:url('../img/side-9-hover.png')no-repeat center left #475a70; background-position:14px 13px; padding-left:44px !important; } .health-icon1.icon10{ background:url('../img/side-10.png')no-repeat center left #54667a; background-position:11px 13px; padding-left:44px !important; } .health-icon1.icon10:hover{ background:url('../img/side-10-hover.png')no-repeat center left #475a70; background-position:11px 13px; padding-left:44px !important; } .health-icon1.icon11{ background:url('../img/INR.png')no-repeat center left #54667a; background-position:11px 13px; padding-left:44px !important; } .health-icon1.icon11:hover{ background:url('../img/INR-hover.png')no-repeat center left #475a70; background-position:11px 13px; padding-left:44px !important; } .health-icon1.icon12{ background:url('../img/blood-glucose.png')no-repeat center left #54667a; background-position:11px 13px; padding-left:44px !important; } .health-icon1.icon12:hover{ background:url('../img/blood-glucose-hover.png')no-repeat center left #475a70; background-position:11px 13px; padding-left:44px !important; } /******************************health tracker end********************************/ /********************new-tab********************/ .pservicestab .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all { background: #eeeeee none repeat scroll 0 0 !important; } .pservicestab .ui-tabs .ui-tabs-panel{margin-top:20px;} .pservicestab .ui-tabs.ui-widget.ui-widget-content.ui-corner-all{background:none !important} .pservicestab .ui-tabs .ui-tabs-nav li { border: 1px solid #e6e6e6 !important; border-radius: 3px !important; position: relative; } .pservicestab .ui-tabs .ui-tabs-nav li.ui-tabs-active:after{content:""; position:absolute; left:0;bottom:-12px;right:0;margin:auto;background:url(../img/arrow-down3.png) no-repeat top left;width: 23px;height:14px;} .pservicestab .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all li a { color: #ffffff;} .pservicestab .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all li { background-color: #389ee4; color: #ffffff !important; } .pservicestab .ui-tabs .ui-tabs-nav li.ui-tabs-active{border-bottom:1px solid #a8ba27 !important;} .pservicestab .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all li a { border-radius: 3px; } .pservicestab .ui-state-active a, .pservicestab .ui-state-active a:link, .pservicestab .ui-state-active a:visited { background-color: #a8ba27 !important; color: #ffffff !important; } .patient-view .details-list-edit-new { background: #f5f6f6 none repeat scroll 0 0; } .patient-view .details-list-edit-new:nth-child(2n){background:#fff;} .patient-view .input_table { float: left; width:49.5%; } .patient-view .input_table:nth-child(2n){float:right;} .patient-view .name-word-new.name-word-a { padding: 0 16px; width: 38%; } .patient_list_ent.patient-view { border: medium none; padding: 10px; } .dashboard-menu-main ul li:nth-child(1) a:hover{ box-shadow: 0 2px 0 #fe595b;-moz- box-shadow: 0 2px 0 #fe595b;-webkit- box-shadow: 0 2px 0 #fe595b;} .dashboard-menu-main ul li:nth-child(2) a:hover{ box-shadow: 0 2px 0 #fd9328;-moz- box-shadow: 0 2px 0 #fd9328;-webkit- box-shadow: 0 2px 0 #fd9328;} .dashboard-menu-main ul li:nth-child(3) a:hover{ box-shadow: 0 2px 0 #a8ba27;-moz- box-shadow: 0 2px 0 #a8ba27;-webkit- box-shadow: 0 2px 0 #a8ba27;} .dashboard-menu-main ul li:nth-child(4) a:hover{ box-shadow: 0 2px 0 #fd9328;-moz- box-shadow: 0 2px 0 #fd9328;-webkit- box-shadow: 0 2px 0 #fd9328;} .dashboard-menu-main ul li:nth-child(5) a:hover{ box-shadow: 0 2px 0 #a8ba27;-moz- box-shadow: 0 2px 0 #a8ba27;-webkit- box-shadow: 0 2px 0 #a8ba27;} .dashboard-menu-main ul li:nth-child(6) a:hover{ box-shadow: 0 2px 0 #54667a;-moz- box-shadow: 0 2px 0 #54667a;-webkit- box-shadow: 0 2px 0 #54667a;} .dashboard-menu-main ul li:nth-child(7) a:hover{ box-shadow: 0 2px 0 #119c7e;-moz- box-shadow: 0 2px 0 #119c7e;-webkit- box-shadow: 0 2px 0 #119c7e;} .dashboard-menu-main ul li:nth-child(8) a:hover{ box-shadow: 0 2px 0 #389ee4;-moz- box-shadow: 0 2px 0 #389ee4;-webkit- box-shadow: 0 2px 0 #389ee4;} .dashboard-menu-main ul li:nth-child(9) a:hover{ box-shadow: 0 2px 0 #fe595b;-moz- box-shadow: 0 2px 0 #fe595b;-webkit- box-shadow: 0 2px 0 #fe595b;} .dashboard-menu-main ul li:nth-child(10) a:hover{ box-shadow: 0 2px 0 #fe595b;-moz- box-shadow: 0 2px 0 #fe595b;-webkit- box-shadow: 0 2px 0 #fe595b;} .dashboard-menu-main ul li:nth-child(11) a:hover{ box-shadow: 0 2px 0 #fd9328;-moz- box-shadow: 0 2px 0 #fd9328;-webkit- box-shadow: 0 2px 0 #fd9328;} .dashboard-menu-main ul li:nth-child(12) a:hover{ box-shadow: 0 2px 0 #a8ba27;-moz- box-shadow: 0 2px 0 #a8ba27;-webkit- box-shadow: 0 2px 0 #a8ba27;} .no-record-found {color: #777777; height: 200px; padding-top: 80px; text-align: center; width: 100%;} /************************end**********************/ #wrapper2.other-profile { width: 60%;} #wrapper2.other-profile .form-input label { width: 25%;} #wrapper2.other-profile .form-input span { margin-left: 25%;} #wrapper2.other-profile .form-input input, #wrapper2.other-profile .form-input select{ width: 70%;} /*********************************************Dr dashborad start****************************************/ .Dr-dash-head{ position: absolute; right: 0px; top: 71px; background: rgb(19, 191, 243); width: 28%; bottom: 0px; height: 45px; } .Dr-dash-head h4{ font-size: 21px; color: #fff; text-transform: uppercase; font-family: 'open_sansbold'; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.24); width: 100%; text-align: center; padding: 8px 0 0; } .Dr-dash-head:before{ left:-22px; position: absolute; content: ""; border-bottom: 23px solid transparent; border-top: 22px solid transparent; border-right: 22px solid #13bff3; top: 0px; } .Dr-dash-banner{ height:auto; } .Dr-dash-banner:before{ background-image:none; } .dr-banner-border{ background: url('../img/banner_bottom.png') repeat-x bottom left; width: 100%; height: 7px; float:left; width:100%; position:relative; } .dr-dash-li li{ border-radius:0px !important; position:relative; padding-left: 25px !important; } .dr-dash-li li:before{ width:10px; height:100%; background-color:#262626; position:absolute; top:0px; left:0px; content:""; } .dr-bg-color-1{ background-color:#d96614; } .dr-bg-color-2{ background-color:#2bbeb5; } .dr-bg-color-3{ background-color:#e83dab; } .dr-bg-color-4{ background-color:#adab36; } .dr-bg-color-5{ background-color:#fd475b; } .dr-bg-color-6{ background-color:#389ee4; } .dr-bg-color-7{ background-color:#55677a; } .dr-bg-color-8{ background-color:#119c7e; } .dr-bg-color-9{ background-color:#fe7128; } .dr-bg-color-10{ background-color:#adab36; } .dr-bg-color-11{ background-color:#2bbeb5; } .dr-bg-color-12{ background-color:#fd475b; } .dr-dash-pic-outer{ float:left; width:100%; height:auto; } .dr-dash-pic-inner{ float:left; width:100%; height:auto; position:relative; } .dr-dash-pic{ position:absolute; bottom:-18px; width:145px; height:145px; border:3px solid #ffffff; border-radius:3px; background-color:#e5e5e5; text-align:center; box-shadow: 0px 1px 1px rgba(165, 165, 165, 0.61); } .dr-dash-li{ margin-top:50px; } .dr-dash-pic img{ top:0px; bottom:0px; left:0px; right:0px; margin:auto; position:absolute;width:100%;height:140px; } .dr-dash-main{ background-color:#eeeeee; } .patient-view.patient-view-detail-main .name-word-new > label{font-weight:bold;} .details-list-edit-new:last-child { height: auto; } .appoint-table .input.select select { background: #fff none repeat scroll 0 0; border: 2px solid #dedede; cursor: pointer; margin: 0 10px 0 0; padding: 6px 0; width: 100%; } .health-left ul .subli li a { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); color: #000; float: left; text-transform: capitalize; width: 100%; } .health-left ul .subli li a:hover{background-color:#fff;} .health-left ul .subli li:last-child a{border:none;} .tab-appointment { float: left; list-style: outside none none; width: 100%; } .list-search { width: 21%; float: left; } .filter .list-search { float: left; width: 31%; } .tab-appointment li{ color: #fff !important; padding-bottom: 0 !important;border:1px solid #e6e6e6;float:left;border-bottom:none; background-color: #fafafa;margin-right:4px;border-radius:3px 3px 0px 0px;} .tab-appointment li a{color: #989595;float:left;font-size:14px; padding: 7px 16px;float:left;} .tab-appointment li:hover,.tab-appointment li.active{border-top:2px solid #13bff3; background-color: #fff;} .tab-appointment li:hover a,.tab-appointment li.active a{color:#555;} /*********************************************Dr dashborad end****************************************/ .about-inner-baner.dash-inner-baner.clinicians-bg { max-height: 250px; overflow: hidden; right: 0; } .about-inner-baner.dash-inner-baner.clinicians-bg img{right: 0;width:100%;min-height:250px;} .header-bg-image .fa.fa-caret-down.dash-admin-cart { color: #fff;} .admin-img-div h4:hover .fa.fa-caret-down.dash-admin-cart { color: #D1B25D;} .textarea-input { height: 72px !important; } .textarea-input textarea{ resize:none; } .mydiv{display: table; margin-top: 12px; transition-duration: 0s; transition-property: all; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); width: 100%; } .mydiv .message2 { /* background-color: #a3d47d; */ border-radius: 5px; float: none; height: 42px; margin: 15px auto 0; padding: 11px 0; position: relative; width: 51%; top: 14px; } .no-data { text-align: center!important; } .form-action{ float: left; text-align: center; width: 100%;} .submit { display: inline-block; float: none; } .form-input-btn a{float:none;vertical-align:top;} .breadcrumb a { color: #a5a5a5; } body { float: left; min-height: 100% ; position: relative; width: 100%;height:auto !important; } .form-input.form-input2.form-input-btn { display: inline-block; float: none; text-align: center; width: 100%; } .right-div.full-view { width: 100%; } #wrapper_small .breadcrumb { padding: 0; } .log_btn { float: right !important; list-style: outside none none; padding-top: 20px; padding-left: 0; } .table-wrapper { float: left; width: 100%; position: relative; } .serch-customer { margin-right: 7px; } .contact-search { width: 69%; } .notes-search { width: 100%!important; } .notes-search .search-input select { width: 21%; margin-right:16px; } .notes-wrap input { margin-left: 0!important; } .patient_left { float: left; height: auto; margin-right: 2px; width: 48%; } .patient_left2 { width: 14%; float: left; } .inputbox-main.datepicker.visit.hasDatepicker { height: 38px; width: 94%; } .nav-icon2 { font-size: 20px!important; } .dashboard_table tr th { color: #fff; font-family: "open_sanssemibold"; font-size: 15px; padding: 6px 12px; text-align: left; } .dashboard_table a { color: #6f6f6f; /* text-decoration: underline; */ } .dashboard_table a:hover { color: #6f6f6f; text-decoration: underline; } .dashboard_table td { border: 0 none !important; color: #6f6f6f; font-size: 14px; padding: 8px 1px 8px 4px; } .dash_view { color: #363435; float: right; font-size: 13px; font-weight: bold; padding: 1px 13px; text-align: right; text-decoration:underline; } .dashboard_table { float: left; width: 90%; } .my-dashboard { float: left; width: 48%; margin-bottom: 30px; margin: 12px 1%; border: 1px solid #ddd; border-radius: 4px; height: 294px; } .my-dashboard table{ width:100%;} .add-user-export { background: #d1b25d url("../images/search.png") no-repeat scroll 13% center; border: 0 none; border-radius: 5px; box-shadow: none; color: #ffffff; font-size: 16px; height: 38px; margin-top: 0; overflow: hidden; padding: 0 11px 0 32px; float: right; margin-left: 10px; } .btn-remind{ margin-left: 10px; } .tablesaw-advance { position: absolute; right: 0; top: -16px; z-index: 40; } .loc-search { width: 22%; margin-right:10px; float: left; } .search-dropdown select { height: 35px; width: 28%; } .search-input select { background-clip: border-box; background-color: #f7f7f7; background-image: url("../img/border-arrow.png"); background-origin: padding-box; background-position: 97% center; background-repeat: no-repeat; background-size: 11px auto; border: 1px solid #dddddd; border-radius: 5px; float: left; height: 38px; padding: 0 20px 0 3px; width: 30%; -moz-appearance: none; -webkit-appearance: none; } .dash-search { width: 50%; } .filter { width: 63%; } .loc-search select{ width: 100%; } .loc-indexs { width: 100%; } .location-wrapper .loc-indexs .list-search{ float: left; width: 22%; margin-left: 0 ; } .custom-ind .user-btn-div{ float:left; width:auto; } .visit-index .user-btn-div{ float:left; width:auto; margin-right:10px !important; } .notes-indexs .user-btn-div{ float:left; width:auto; margin-right: 10px; } .contact-indxs .user-btn-div{ float:right; width:auto; } .btn-two { float: right; } .remind-pg .user-btn-div{ width:auto; } .remind-pg .dash-search { width: 100%; } .remind-pg .remind-list-search { width: auto; } .table-header td{ font-weight: bold; } .cus_detail .name-word-new.name-word-a{ padding:0 10px 0 0;} .print_locations,.print_customers{ background: #d1b25d; border: 0 none; border-radius: 5px; box-shadow: none; color: #ffffff; font-size: 16px; height: 38px; margin-top: 0; overflow: hidden; padding:10px 12px !important; color: #ffffff; font-size: 16px; margin-left: 10px;} .print_locations,.print_customers i{ color: #ffffff !important; font-size: 16px !important;} .right_btns { float: right; width: auto; } .right_btns .add-user { padding: 8px 18px; background-position: 7px 10px; } .add-user.csv{ background: #d1b25d url("../images/interface.png") no-repeat scroll center; background-size:20px; cursor: pointer;} .tablesaw-bar { display: block; padding-top: 18px; position: relative; width: 100%; } .right_btns-first-div .user-btn-div { float: left; margin-right:10px; } .change-pass-mar { margin-bottom: 10px; } .view_trip { float: left; margin-top: 7px; text-align: center; width: 100%; } .view_trip a { display: inline-block; float: none !important; left: 14px; position: relative; } #example_filter .print_locations{ padding: 7px 12px !important;} #LocNotesAddForm .patient_left{ width:100%;} #LocNotesAddForm .input { float: left; width: 60%; } #LocNotesAddForm .form-input label{ width: 100px !important; margin:0px;} #LocNotesAddForm .patient_left .input.text > input { width: 83%; } .input.text { position: relative; } .edit-profile-pic { border-radius: 5px; float: left; position: absolute; right: 19%; top: -6px; width: 100px; } .patient_left.patient_left_input.picture { min-height: 100px; } /* .response-note-add{ background-color: #a3d47d; border-radius: 5px; float: left; height: 42px; margin-bottom: 10px; margin-left: 0; margin-top: 10px; padding: 11px 15px; position: relative; top: -14px; width: 100%;} */ .sampe-files > a { width: 15%; } .navi-right { float: right; height: 78px; width: auto; } .main-nav .dash-nav li a { padding: 31px 13px; } .custom-nav .main-nav { width: auto; } .modalDialog { z-index: 50!important; } .search-dropdown.visit-filters { width: 60%; } .listing-main.inner-padding.inner_margin { margin-top: 0px !important; } .listing-table-main.inner_margin { margin-top: 0px !important; } .patient_left2.patient_left_input.visit-filters-input .form-input{ height:auto !important;} .trip-margin{margin-top:0px !important;} .pdf-report { width: 50px; } .dataTables_paginate.paging_full_numbers { float: right; padding: 9px; } .dataTables_paginate a { background: #d1b25d none repeat scroll 0 0; border: 1px solid #e0e0e0; border-radius: 1px; color: #fff; display: inline-block; font-size: 12px; margin: 0 3px; padding: 7px 9px; } .paginate_button.current { background: #dedede none repeat scroll 0 0; color: #383838; display: inline-block; } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; } .dataTables_wrapper .dataTables_filter { float: left; font-size: 14px; margin-bottom: 14px; text-align: left; } @media screen and (max-width:1250px){ #wrapper{ width:95%; } #wrapper_small{width:95%; } .navi-right{ width:58%; } .details-base ul li{ margin-bottom:16px; } .details-base ul li:last-child{ margin-bottom:0px; } /****************************about us start********************************/ .about-inner-baner{ display:inline-block; position:relative; right:-50%; } .about-inner-baner img{ position:relative; right:50%; max-width:inherit; } /****************************about us start********************************/ /*************************blood-glucose*****************/ .tabsys > li { border-bottom: 1px solid rgb(222, 222, 222); border-radius: 3px; height: 31px; margin-bottom: 9px; } .forthpart label{font-size:12px;} /*************************end***************/ .dashboard-menu-main ul li { border-bottom: 1px solid #d8d8d8; text-align: center; width: 16%; } .dashboard-menu-main ul li a { float: left; min-width: 90px; padding: 0 6px; text-align: center; width: 100%; } .dashboard-menu-main ul{ border-left: 1px solid #d8d8d8;} .dashboard-menu-main ul li:first-child{border-left:none;} .cus_action a { margin-bottom: 6px; } .dashboard_table { overflow-x: scroll; width: 500px; } .dash-nav li a { padding: 11px 8px; } .user-btn-div { float: left; } .cus_detail { margin-top: 10px; width: 100%; } .name-input-a { width: auto; } .cus_detail .name-word-new.name-word-a { width: 50% !important; } .google-input{ width:13% !important;} } @media screen and (max-width:1050px){ .custom-page .dash-search { width: 70%; } nav ul li a { height: auto; } nav { height: auto; } nav ul { width: 100%; display: block; height: auto; } nav li { width: 100% !important; float: left; position: relative; } nav a { text-align: left; width: 100%; text-indent: 12px; } nav ul li a{ padding:10px 0px;} nav { border-bottom: 0; } nav ul { display: none; height: auto; } nav a#pull { display: block; background-color: #3393E5; width: 35px; height:32px; position: relative; padding: 10px 0px; text-decoration:none; color:#FFFFFF; float:right; background:url(../img/navi.png) no-repeat top left; } nav a#pull:after { content:""; background:url(../nav-icon.png) no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px; top: 10px; } .navi_left_base ul li a{ box-sizing: border-box; -moz-box-sizing: border-box;} .navi-right{ width:100%; position:relative; margin-bottom: 10px; } nav ul li a { padding: 10px 24px !important; } .logo{ width:245px; } .msg_menu_icon { background: url('../img/menu1.png') no-repeat; border-radius: 0 0 0 0; float: right; height: 0; margin-top: 0; padding: 11px; width: 0; position: absolute; right: 9px; top: -23px; } .edit-side-bar{ width:100%; } .right_btns.right_btns-res1 { margin-top: 10px; } .msg_outer{ display:none; } .edit-side-bar{ min-height:30px; border-top:30px solid #13bff3; margin-bottom:30px; } .edit-side-bar:hover .msg_outer{ display:block; } .edit-contaner-right{ width:100%; } /**other page end**/ .sub-menu{ position:static; width:100%; display: none !important; } nav ul li:hover .sub-menu{ display: block !important; } .sub-menu li a .nav-icon1{ float:none; } .sub-menu li a{ text-indent:35px; } /*******************************new list telemedican****************/ .profile-image{width:20%;} .profile-right-txt{width:76%;} .main-info{width:100%;} .main-info li{width:50%;} .right-info-part{width:100%;} .block-main-info{width:100%;} .block-main-info li{ width: 16.66%;float:left;} .block-main-info label{width:100%;text-align:left;} .main-info span { margin-right: 15px; width: auto; } .left-side-block{width:27%;} .right-side-block{width:72%;} .Allergies-block1 { float: left; width: 100%; } .Allergies-block1-right { float: right; width: 100%; } /*******************************new list telemedican end****************/ /******************17 8 2015 start*****************/ .ssticky .profile-right-txt{ width:100%; padding-left: 20px;} .ssticky .profile-image { margin-right: 0px; width: 194px; float: none; margin: 17px auto 3px; } /******************17 8 2015 end*****************/ .nav-icon1 { text-indent: 0 !important; } nav{ width:100%;} .listing-nav{ position: relative;} .navi_logo{ position: absolute; margin-top: 2px !important;} /********************blood glucose*******************/ .forthpart label{font-size:13px;} /***************************end*****************/ .form-div-main3 .form-input label { width: 100%; } .form-div-main3 .form-input input ,.form-div-main3 .form-input select{ width: 93%; } .action_add > img{width:6%;} .form-div-main.form-div-main2.form-pop-up label { width: 100%; } .form-div-main.form-div-main2.form-pop-up input ,.form-div-main.form-div-main2.form-pop-up select{ width: 93%; } /************************************form_design start*************************************/ /************************************form_design end*************************************/ /******************************health start********************************/ .health-left{ width:25%; } .health-right{ width:71%; } /******************************health end********************************/ #wrapper2.other-profile { width: 90%;} .settings-div{width:71%;} .listing-main .rightacoountbar{width:30%;} .listing-main .show-hide{width:67%} .listing-main .show-hide .form-input label{width:30%;} .listing-main .show-hide .form-input label{width:100%; float:left;margin-bottom:20px;} .edit-block-new1 .common-class{width:100%;margin-left:0%;} .nav-icon1 { float: left; } .dash-nav .clearfix { width: 100%!important; } .dashboard_table { width: 700px; margin: 0 auto; float: none; } .my-dashboard{ width: 100%; } .loc-left{ float:left; margin-bottom:12px; } .location-wrapper .loc-indexs{ width: 100%; margin-bottom:12px!important; } .right_btns{ width:100%;} .print_customers, .print_reminders, .print_locations{ float: none !important; display: inline-block; vertical-align: top;} .print_locations{ margin-left: 4px;} .notes-search .search-input select{ width:25%;} .main-nav .dash-nav .navi-icon1 { height: auto; padding-left: 41px!important; width: 100%; } .main-nav .dash-nav .navi-icon2 { height: auto; padding-left: 41px!important; width: 100%; } .main-nav .dash-nav .navi-icon3{ height: auto; padding-left: 41px!important; width: 100%; } .custom-nav .main-nav { background: transparent none repeat scroll 0 0; position: absolute; right: 0; width: 68%; z-index: 999; } .main-nav .dash-nav .navi-icon1 { height: auto; padding-left: 41px !important; width: 100%; } .main-nav .header-base { background-color: transparent; } .main-nav .menu { background: #fff none repeat scroll 0 0; border: 1px solid #eaeaea; box-shadow: 0 0 1px #c1c1c1; } } .button { width: 150px; padding: 10px; background-color: #FF8C00; box-shadow: -8px 8px 10px 3px rgba(0,0,0,0.2); font-weight:bold; text-decoration:none; } .cover{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:5; width:100%; height:100%; display:none; } .loginScreen { background: #fff none repeat scroll 0 0; border: 5px solid #cccccc; border-radius: 10px; height: auto; margin: 0 auto; min-height: 222px; position: relative; width: 35%; z-index: 10; top:72px; padding: 15px 15px; } #loginScreen:target, #loginScreen:target + #cover{ display:block; opacity:2; } /* .cancel { display:block; position:absolute; top:3px; right:2px; color:black; height:30px; width:35px; font-size:30px; text-decoration:none; text-align:center; font-weight:bold; } */ .cancel { display:block; color:black; font-size:30px; text-decoration:none; font-weight:bold; } .loginScreen > label {float: left;margin-top: 31px;text-align: left;width: 70%;} .loginScreen textarea { height: 100px; width: 98%;} @media screen and (max-width:950px){ .tab-base ul li{ width:47%; margin-bottom:6px; } .tab-main{ padding-bottom:11px; } .logo{ padding-bottom:0px; } .form-div-main-center{ width:77%;} .edit-patist-table-left{ width:100%; } .summery_col1{ width:100%; margin-left:0px; margin-right:0px; } .summery_col2{ width:100%; margin-left:0px; margin-right:0px; } .edit-patist-top-right{ width:100%; margin-left:0px; margin-top:15px; } .edit-image{ float:none; margin:0px auto; } .patient_right.patient_right_input{ width:100% !important;} /************************************dashboard start*************************************/ .logo-dash{ margin-bottom:8px; } /************************************dashboard start*************************************/ .dataTables_length{ padding-right: 56px;} /************************************form_design start*************************************/ .name-word-new { width: 30%; } .name-input-edit-new { width: 70%; } .name-input-edit-new > input,.name-input-edit-new > textarea { width: 80%; } .name-input-edit-new > .role_search { width: 80%; } .name-input-edit-new { width: 64%; } .name-input-a > input { width: 100%; } .name-input-a > .role_search { width: 100%; } .patient-view.patient-view-detail-main .name-word-new.name-word-a { padding: 0 16px; width: auto; } .patient-view.patient-view-detail-main .name-input-edit-new { width: auto; } .mydiv .message2 { width: 78%; } /************************************form_design end*************************************/ .patient_left { width: 100%; } #locNotesAddForm .patient_left { width: 100%; } #locNotesAddForm .patient_left_input select { width: 70% !important; } #locNotesAddForm .form-input textarea { float: right; width: 70%; } } @media screen and (max-width:900px){ /************************************form_design start*************************************/ .input_table { width: 100%; } .last_input { margin: 0 0 20px 0; } .last_input.last-only { margin: 0; } /************************************form_design end*************************************/ .user-btn-div.user-appoint-div .hasDatepicker {width: 18%;} .status-filter{ width:18%;} .dashboard-menu-main ul li{width: 25%;} .google-input { width: 48% !important; } .search-input.src_trip select { width: 100%; } .search-input.src_trip { float: left; padding-left: 8px; width: 48.8%; } } @media screen and (max-width:810px){ .remind-block { float: left; width: auto; } .btn-two { float: left; width: 100%; margin-top: 12px; } .sampe-files{ width:100% !important;} #locNotesAddForm .patient_left{ width:100%;} #locNotesAddForm .patient_left_input select { width: 70% !important; } #CustomerEditForm .patient_left{ width:100%;} } @media screen and (max-width:768px){ .footer-main-ul li{ width:47% !important; } .footer-main{ background-image:none; background-color:#54667a; } .footer-margin{ margin-bottom:40px; } .footer-margin:last-child{ margin-bottom:0px; } .sub-input-main input{ width:100%;margin-bottom:18px; } .sub-input-main a{ margin-left:0px; margin-top:7px; } .footer-base ul li:last-child { width: 100% !important; } .login-main { margin: 40px 0; } .login-left{ width:100%; margin-bottom:50px; } .login-right{ width:455px; margin:0px auto; display:table; float:none; } .login-btn{float:right; } /**************************listing start**************************/ .listing-table-main{ overflow:auto; } .listing-table-main table{ width:720px; } /**************************listing end**************************/ /***************************form start******************************/ .form-input label{ width:20%; } .form-input span{ margin-left:20%; } /***************************form start******************************/ .navi_left_base ul li a{ box-sizing: border-box; -moz-box-sizing: border-box;} .header-nav{ width:100%; margin-top:0px; } .inner-head{ width:40%; } .form-div-main-center { width: 90%; } .edit-pats-top-1{ width:100%; } .edit-flag{ float:left; width:120px; margin-top:10px; } .edit-image{ float:left; } /*******************************new list telemedican ****************/ .profile-image { text-align: center; width: 100%;border:none ; box-shadow: none;padding-top:20px; } .profile-image figure { display: inline-block; width: 194px; border: 4px solid #ffffff; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);-moz- box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);-webkit- box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); } .profile-right-txt { width: 100%; padding: 20px; } .main-info { margin-bottom: 10px; } /*******************************new list telemedican end****************/ /******************17 8 2015 start*****************/ .fixed-main-txt .block-main-info{ width:100%;} .fixed-main-txt .right-info-part{ padding-right:0px;} .fixed-main-txt .main-info{ padding-right:0px;} /******************17 8 2015 end*****************/ /*************************blood-glucose*****************/ .forthpart label{width:100%;} .forthpart span{margin-left:0%;} /*************************end***************/ /******************************health start********************************/ .health-left{ width:100%; } .settings-div{width:100%;} .health-right{ width:100%; margin-top:50px; margin-left:0px; } /******************************health end********************************/ .inner-head { padding: 0 15px; width: auto; } .status-filter{ width:100% !important; margin-left:0px !important; margin-right:0px !important;} .parent_div_both{ width:100%; margin-bottom:12px;} .listing-main .rightacoountbar{width:100%;} .listing-main .show-hide{width:100% ;margin:0px} .listing-main .rightacoountbar{max-width:100%;margin-bottom:30px;} .mydiv .message2 { width: 92%; } .filter { width: 74% ; float: left!important; } .custom-page .dash-search { width: 70%!important; } .filter .srch_loc { margin-left: 10px; } .custom-page .list-search { width: 40%; } .dashboard_table { width: 100%; } .loc-search { width: 48%; margin-bottom: 12px; } .location-wrapper .loc-indexs .list-search { width: 48%; margin-right: 10px; } .loc-search .search-input .input-loc { width: 100%; } .location-table .srch_loc { margin-bottom: 10px; } .trip-indexs .tablesaw-bar { padding-top: 32px; } .trip-indexs .tablesaw-advance { top: 0; } } @media screen and (max-width:700px){ .suggestionsList1 > select{width:80%; left: 20% !important;} #suggestionsList1 > select{width:80%;} /*******************************new list telemedican****************/ .left-side-block { width: 100%; } .right-side-block { width: 100%; } .main-info li { width: 100%; } .profile-inner { background-size: cover; } /*******************************new list telemedican end****************/ .list-search{ width:100% ; margin-left:0px ; margin-bottom:0px ; margin-top:10px ;} .dataTables_filter{ width:100%;} /************************************form_design start*************************************/ .name-word-new { padding: 0 0 10px 0; width: 100%; } .name-input-edit-new { width: 100%; } .name-input-edit-new > input ,.name-input-edit-new > textarea { width: 100%; } .name-input-edit-new.add_pserv_hosp .role_search {width: 94%;} .name-input-edit-new > .role_search { width: 100%; } .name-word-new > label { padding: 0; } .last-name{ display: none; } .mediacl_reord { width: 90%; } .name-word-new.name-word-a { width: 100%; } /************************************form_design end*************************************/ #wrapper2.other-profile .form-input label { width: 34%;} #wrapper2.other-profile .form-input span { margin-left: 34%;} #wrapper2.other-profile .form-input input, #wrapper2.other-profile .form-input select{width:65%;} .dash-btn-div.patient-select-box{width:100%;margin-bottom:20px;} .dash-btn-div select{width:100%;} .details-list-edit-new{height:82px;} .details-list-edit-new:last-child { height: auto; } .right-div { width: 100%!important; } .left-div p { margin: 0 auto!important; width: 98px; } .left-div { margin-bottom: 12px; width: 100%!important; } .right-div td { padding: 12px 38px!important; } .view_submit { margin-left: 0!important; } .list-search { margin-top: 0 ; width: 61% ; } .dataTables_filter.dash-search { display: inline-block; margin-top: 0 !important; width: auto; } .src_trip select { width: 47%!important; margin-right: 9px; } .google-input { float: left; width: 47% !important; margin-left: 0px!important; margin-right: 9px!important; } .no-margin{margin:0px!important;} .contact-search{width:70%!important;float: left !important;} .notes-search { width: 100% !important; } .notes-wrap .user-btn-div { float: left; margin-bottom: 10px; width:100%; } .notes-wrap .dataTables_filter { margin-bottom: 10px!important; } .contact-indxs .user-btn-div { margin-bottom: 16px; } .customer-class { margin-bottom: 10px; } .cus_detail .name-word-new.name-word-a { width: 100% !important; } .cus_detail .name-word-new.name-word-a{ padding:0px !important;} .cus_detail { padding-left: 15px; } .my-dashboard { overflow: scroll; } .my-dashboard table { width: 645px; height:auto; } .right_btns { margin-top: 10px; } .dataTables_wrapper .dataTables_filter{ margin-bottom:0px;} .search-input.src_trip{ padding-left:0px;} .search-input.src_trip select { width: 96% !important; } .sampe-files{ width:100%;} #import_data_form .patient_left{ width:100%;} .right_btns.right_btns-res1 .user-btn-div { width: auto; } } @media screen and (max-width:550px){ .footer-end-base h4{ width:100%; } .footer-end-base ul{ float:left; width:100%; text-align:left; } .footer-end-base ul li{ margin-left:0px; margin-right:12px; } .banner-text-main{ width:100%; left:0px; } .footer-main-ul li{ width:100% !important; } /********************************************/ .login-right{ width:100%; float:left; display:block; } .login-right img{ width:100%; } .footer-base h4{ float:left; margin-top:8px; } .user-btn-div input{ width:100%; margin-top:10px; margin-left:0px; } /***************************form start******************************/ .form-input label{ width:100%; } .form-input span{ margin-left:0px !important; } .patient_left_input .form-input { height: 67px !important; } .patient_left_input .form-input label { margin-top: 0; } .form-input.textarea-input { height: 90px !important; } .label-none{ display:none; } .form-input input{ width:100%; } .listing-main .show-hide .form-input label { width: 100%; } .listing-main .form-input select{width:100%!important;} .form-input textarea{ width:100%; } .edit-block-new1 .form-input input { width: auto; } .edit-block-new1 .add_image{width:20px;} .edit-block-new1 .common-class{width:100%;margin-left:0px;} /***************************form start******************************/ .form-div-main-center .form-input label{ width:100%;} .form-div-main-center .form-input select, .form-div-main-center .form-input input[type=text], .form-div-main-center .form-input input[type=email]{ width:100%;} .form-div-main-center .form-input{ height: auto !important;} .form-radio-button{ width:100% !important;} .form-input .input.password > input{width:100%;} .edit-pats-top-1 ul li h4{ width:100%; } .edit-pats-top-1 ul li h5{ width:100%; } .edit-pats-top-1 ul li{ line-height: 22px; margin-bottom: 10px; } .edit-flag{ margin-top:0px; } /******************17 8 2015 start*****************/ .ssticky .main-info li{ width:100%;} .sstivky .block-main-info ul li{ width: 33.3%;} .patient_left_input .form-input label { margin-bottom: 2px; margin-right: 0 !important; margin-top: 9px; width: 100% !important; } .patient_left .input.text > input{ width:100% !important;} .patient_left_input select{ width:100% !important;} .patient_right_input .form-input label { margin-bottom: 2px; margin-right: 0 !important; margin-top: 9px; width: 100% !important; } .patient_right .input.text > input{ width:100% !important;} .patient_right_input select{ width:100% !important;} .ui-tabs .ui-tabs-nav li{ width:100%; margin-right:0px;} .ui-tabs .ui-tabs-nav li a{ width:100%;} .patient_right_input.form-input.form-input2.form-input-btn { width: 100%; float: left;} /******************17 8 2015 end*****************/ .suggestionsList1 > select{ left: 0px !important; width:100% !important; top: 60px !important;padding-left:0px !important} .radio label{ width:auto !important; margin-top:0px !important; margin-bottom:0px !important;} .form-input-btn{ margin-bottom:20px;} .radio.radio-radius label { width: auto !important; } .form-div-main-center .form-input select, .form-div-main-center .form-input input, .form-div-main-center .form-input textarea { width: 100%; } .form-input.form-input2.form-input-btn { float: left; width: 100%; } /******************************health start********************************/ .health-contant-div ul li{ width:100%; margin-bottom:5px; margin-right:0px; } /******************************health end********************************/ .patient-view-detail-main .input_table { width: 100%; } .dashboard-menu-main ul li { width: 32.9%; } .Dr-dash-head{width:67%;} .about-inner-baner.dash-inner-baner.clinicians-bg img{min-width:500px;} .login-div{ margin: auto; text-align: center; width: 100%; } .user-btn-div { margin-bottom: 14px; float: left; } .dataTables_filter.dash-search { display: inline-block; margin-top: 0 !important; width: 100%; } .dataTables_wrapper .dataTables_filter { margin-bottom: 14px!important; } .filter .srch_loc { margin-left: 12px ; width: 48% ; } .filter .search-icon i { padding-left: 31px; width: 30px; } .filter{ width: 100%; } .filter .search-input select { width: 48%; } .contact-search { width: 100% !important; } .notes-search .search-input select { margin-right: 6px; width: 100%; margin-bottom: 6px; } .notes-search .patient_left { width: 100%!important; } .notes-wrap .notes-search { margin-bottom: 8px !important; } .location-wrapper .add-user { margin-left: 0px; } .patient_left2 { width: 100%; } .patient_left2 input { width: 100%!important; } .custom-page .dash-search { width: 100%!important; } .custom-page .list-search { width: 48%; } .loc-search { width: 100%; } .location-wrapper .loc-indexs .list-search { margin-bottom: 10px; width: 100%; } .user-btn-div { margin-top: 14px; margin-bottom: 0; } .custom-ind .user-btn-div { float: left; } .custom-ind .user-btn-div { margin-top: 0px; } .visit-index .user-btn-div { margin-top: 0; } .notes-indexs .user-btn-div { margin-top: 0; } .contact-indxs .user-btn-div { margin-top: 0; float:left; } .remind-pg .user-btn-div { margin-top: 0; } .cus_detail .name-input-edit-new.name-input-a { padding: 0 !important; } .right_btns .user-btn-div{ margin-top:0px;} .right_btns{ margin-top:10px;} .user-btn-div.btn-remind { margin-bottom: 7px; margin-left:0px; } .user-btn-div.btn-remind:first-child { margin-right: 10px; } .right_btns .add-user{ margin-bottom:7px;} .dataTables_filter.dash-search { margin-bottom: 0 !important; } .inner-head::before{ display: none;} .inner-head{ width:100%; display:table; height:auto; padding-bottom: 6px;} #LocNotesAddForm .input { float: left; width: 100%; } #LocNotesAddForm .form-input textarea { width: 100%; } #LocNotesAddForm .form-input label{ margin-bottom:5px !important;} .modalDialog > div{ padding:0px; width: 87% !important;} #locNotesAddForm .patient_left_input select { width: 100% !important; } #locNotesAddForm .sp-replacer.sp-light { width: 100%; } #locNotesAddForm .form-input textarea { width: 100%; } .edit-profile-pic{ top:4px; right:0px;} .visit-index .search-dropdown.visit-filters{ width:100%;} .visit-index .right_btns { float: left; margin: 0; width: auto !important; margin-right:10px; } .visit-index .right_btns .user-btn-div.btn-remind{ width:auto !important;} } @media screen and (max-width:480px){ .edit-block-new1 .select-box1{width:48% !important; margin-bottom:10px;} .edit-block-new1 .experience { margin-bottom: 13px; margin-right: 1%; width: 48% !important; } .Dr-dash-head{width:80%;} .header-search{ width:100%; margin-top:0px; } .logo img{ max-width:400;width:72%;height:auto } .sign{ float:none; display:inline-block; } .login-btn{ float:none; display:inline-block; } /*******************************new list telemedican****************/ .tabel-inner-block { overflow: scroll; } table.my-table { width: 500px; } .block-main-info li { float: left; width:50%; } .block-main-info label { text-align: left; width: 40%; } .block-main-info span { float: left; width: 60%; } /*******************************new list telemedican end****************/ /*************************blood-glucose*****************/ .forthpart{width:48%;} /*************************end***************/ /********************blood type************************/ .blood-type .Allergies-block1.blood-glucose{width:100%;} .blood-type .forthpart.form-input.one-third{width:100%;} .blank11{display:none;} /********************blood type end************************/ .form-div-main3 { width: 100%; } .popup-right { width: 100%; } .form-input-btn { margin-bottom: 0; } .form-div-main.form-div-main2 .form-input { height: 68px !important;text-align:left; } .form-div-main3 .form-input span { margin-left: 0 !important; } /************************************dashboard start*************************************/ .admin-dash { margin-bottom: 10px; margin-top: 7px; } /************************************dashboard start*************************************/ #wrapper2.other-profile .form-input label { width: 100%;} #wrapper2.other-profile .form-input span { margin-left: 0;} #wrapper2.other-profile .form-input input, #wrapper2.other-profile .form-input select{width:100%;} .right-div td { padding: 12px 28px!important; } .patient-view.patient-view-detail-main .name-word-new.name-word-a { padding: 0 16px 6px; width: 100%; } .patient-view.patient-view-detail-main .name-input-edit-new { padding: 0 16px; width: 100%; } .dash-search { width: 100%!important; } .list-search { width: 66% ; } .search_margin{margin-left: 8px;} .contact-search .search-input select { margin-bottom: 5px!important; width: 100%!important; } .contact-tablesaw .tablesaw-advance { top: 139px; } .dashboard_table td:nth-child(2) { width: 27%; text-align: center; } .dash_view { float: none; text-align: center; } .add-user-export { float: left; margin-right: 10px; } .user-btn-div { float: left; } .remind-pg .add-user-export { float: left; margin-top: 12px; width: auto; margin-left: 0!important; } .contact-indxs .tablesaw-advance { top: -16px; } .modal-outer { float: left; height: 400px; overflow: scroll; } .modalDialog > div { padding:0px!important; } .trip-indexs .tablesaw-bar { padding-top: 32px; } .trip-indexs .tablesaw-advance { top: 0; } } @media screen and (max-width:450px){ .tab-base ul li{ width:100%; } .tab-icon-base ul li{ width:100%; margin:35px 0px; } .details-base ul li{ width:100%; margin-left:0px; margin-right:0px; } .logo { width: 185px; } .navi-right{ margin-top:10px; } .dashboard-menu-main ul li { width: 50%; } .myprofile { margin-left: 5px !important; width: 97%; } .change_password { margin-left: 5px !important; width: 97%; } .search-input select { margin-bottom: 5px; width: 100%; } .trip-search { margin-left: 0px; width: 100% !important; } .dash-search button { margin-left: ; } .src_trip select { width: 100% !important; } .search-input select { width: 100%; } .color-box-outer { margin-right: 6px!important; } .list-search { background: #f9f9f9 none repeat scroll 0 0 !important; padding-left: 8px!important; } .reminder-btn{float:right!important;} .custom-page .list-search { width: 95%; } .custom-page .tablesaw-advance { top: 99px ; } .dashboard_table tr th { text-align: left; } .custom-ind .list-search { margin-bottom: 12px; } .search-input.src_trip{ width:100%;} .search-input.src_trip select { width: 100% !important; } .dataTables_filter.dash-search.google-search{ margin-bottom:10px !important;} .custom-ind .tablesaw-advance { top: -16px; } } @media screen and (max-width:360px){ .admin-img-div h4 { width: 113px; } .logo2 { float: left; width: 140px; } .filter .search-input select { width: 100%; } .filter .srch_loc { margin-left: 0 !important; width: 100% !important; } .remind-list-search { width: 63%!important; } .remind-pg .user-btn-div a { padding: 10px 4px; } .stop-scrolling .sweet-alert h2 { font-size: 23px; margin: 0px 0%; line-height: 28px; } .stop-scrolling .sweet-alert button { margin: 12px 5px 0; } .tital-border { display: none; } .top-label h3 { font-size: 16px; } } @media screen and (max-width:320px){ /*************************blood-glucose*****************/ .forthpart{width:98%;} /*************************end***************/\ } .divider { color: #a5a5a5; }