/***************header-top*****************************/

body{word-wrap: break-word;}
.header-logo{position:relative; padding-left:9px; width:230px;  -webkit-transition: all 0.3s; transition: all 0.3s; vertical-align:top;}
.header-logo img{position:absolute; -webkit-transition: all 0.3s; transition: all 0.3s; width:180px; top:12px;}
.small-logo .header-logo {width:130px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.small-logo .header-logo img{width:120px; -webkit-transition: all 0.3s; transition: all 0.3s; top:20px;}
a{transition: all 0.5s ease;}
.top-name-color{background:#6ea9db; min-width:200px; text-align:center;}
.top-logo{position:relative; margin:5px 15px 5px 25px;}
.dash{font-size:22px; color:#333333; padding-top:0px;}

.user-img{border-bottom:1px solid #fff; margin-bottom:10px;}
.user-img span{border-radius:100%; border:5px solid #fff; height:82px; width:82px; position:relative; overflow:hidden;}
.user-img span img{position:absolute; top:50%; left:50%; transform: translate(-50%, -40%);}

.my-profile{background:url('../images/my-profile-icon.png'); background-repeat:no-repeat; background-position:left center;}
.account{background:url('../images/my-account-icon.png'); background-repeat:no-repeat; background-position:left center;}
.email-settings{background:url('../images/email-setting-icon.png'); background-repeat:no-repeat; background-position:left center;}
.integrations{background:url('../images/integrations-icon.png'); background-repeat:no-repeat; background-position:left center;}
.signout{background:url('../images/signout-icon.png'); background-repeat:no-repeat; background-position:left center;}

.static-no{font-size:35px;}

header input[type=search] {-webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%;}
header input[type=search] { background:url(../images/search-icon.png) no-repeat 9px center; border:0;	 -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em;	 -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } 
header input:-moz-placeholder { color: #999; }
header input::-webkit-input-placeholder { color: #999; }
header #demo-2 input[type=search] { width: 15px; padding-left: 15px; color: transparent; cursor: pointer; }
header #demo-2 input[type=search]:focus { width: 200px; color: #000; line-height:40px; background-color: #fff; cursor: auto; } 
header #demo-2 input:-moz-placeholder { color: transparent; }
header #demo-2 input::-webkit-input-placeholder { color: transparent; }
.switch { position: relative; display: inline-block; width: 60px; height: 34px; }
.switch input {  opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #2196F3; }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } 
/***************header-top*****************************/


/***************left-sidebar*****************************/
.side-navbar li a {background-repeat: no-repeat; background-position:18px center; padding-left:20px; -webkit-transition: all 0s; transition: all 0s; }
.side-navbar li a:hover{color:#98d0ff;}
.side-navbar li a.selected{color:#98d0ff; position:relative;}
.side-navbar li a.selected::after{ width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid #f3f4f8; border-bottom: 10px solid transparent; position:absolute; content:""; right: 0px; top: 50%; margin-top: -10px; z-index:2;}
.side-navbar li a[aria-expanded="true"]{background-color: #48485e; border-left:5px solid #6ea9db;}
.side-navbar li ul li a[aria-expanded="true"]{background-color: #3c4c60; border-left:5px solid transparent;}
li a.dashboard {background-image: url("../images/dashboard-icon.png");}
li a.manage-patient {background-image: url("../images/manage-patient-icon.png");}
li a.assign-patient {background-image: url("../images/assign-patient-icon.png");}
li a.monthly-review {background-image: url("../images/monthly-review-icon.png");}
li a.complete-ccm-review {background-image: url("../images/completed-ccm-review-icon.png");}
li a.my-profile {background-image: url("../images/my-profile-icon.png");}
li a.my-inbox {background-image: url("../images/my-inbox-icon.png");}
li a.view-report {background-image: url("../images/view-report-icon.png");}
li a.manage-user {background-image: url("../images/manage-user-icon.png");}
li a.manage-role {background-image: url("../images/manage-role-icon.png");}
li a.manage-clinic {background-image: url("../images/manage-clinic-icon.png");}
li a.home-care-agencies {background-image: url("../images/home-care-agencies-icon.png");}
li a.insurance-companies {background-image: url("../images/insurance-companies-icon.png");}
li a.medication-class-educ {background-image: url("../images/medication-class-educ-icon.png");}
li a.medication-education {background-image: url("../images/medication-education-icon.png");}
li a.device-education {background-image: url("../images/device-education-icon.png");}
li a.manage-reward {background-image: url("../images/manage-reward-icon.png");}
li a.manage-reward-targets {background-image: url("../images/manage-reward-targets-icon.png");}
li a.report{background-image: url("../images/report-icon.png");}
li a.setting {background-image: url("../images/setting-icon.png");}
li a.listing-icon {background-image: url("../images/listing-icon.png");}


li a.dashboard:hover, li a.dashboard.selected {background-image: url("../images/dashboard-icon-hv.png");}
li a.manage-patient:hover, li a.manage-patient.selected {background-image: url("../images/manage-patient-icon-hv.png");}
li a.assign-patient:hover, li a.assign-patient.selected {background-image: url("../images/assign-patient-icon-hv.png");}
li a.monthly-review:hover, li a.monthly-review.selected {background-image: url("../images/monthly-review-icon-hv.png");}
li a.complete-ccm-review:hover, li a.complete-ccm-review.selected {background-image: url("../images/completed-ccm-review-icon-hv.png");}
li a.my-profile:hover, li a.my-profile.selected {background-image: url("../images/my-profile-icon-hv.png");}
li a.my-inbox:hover, li a.my-inbox.selected {background-image: url("../images/my-inbox-icon-hv.png");}
li a.view-report:hover, li a.view-report.selected {background-image: url("../images/view-report-icon-hv.png");}

li a.manage-user:hover, li a.manage-user.selected {background-image: url("../images/manage-user-icon-hv.png");}
li a.manage-role:hover, li a.manage-role.selected {background-image: url("../images/manage-role-icon-hv.png");}
li a.manage-clinic:hover, li a.manage-clinic.selected {background-image: url("../images/manage-clinic-icon-hv.png");}
li a.home-care-agencies:hover, li a.home-care-agencies.selected {background-image: url("../images/home-care-agencies-icon-hv.png");}
li a.insurance-companies:hover, li a.insurance-companies.selected {background-image: url("../images/insurance-companies-icon-hv.png");}
li a.medication-class-educ:hover, li a.medication-class-educ.selected {background-image: url("../images/medication-class-educ-icon-hv.png");}
li a.medication-education:hover, li a.medication-education.selected {background-image: url("../images/medication-education-icon-hv.png");}
li a.device-education:hover, li a.device-education.selected {background-image: url("../images/device-education-icon-hv.png");}
li a.manage-reward:hover, li a.manage-reward.selected {background-image: url("../images/manage-reward-icon-hv.png");}
li a.manage-reward-targets:hover, li a.manage-reward-targets.selected {background-image: url("../images/manage-reward-targets-icon-hv.png");}
li a.report:hover, li a.report.selected{background-image: url("../images/report-icon-hv.png");}
li a.setting:hover, li a.setting.selected {background-image: url("../images/setting-icon-hv.png");}
li a.listing-icon:hover, li a.listing-icon.selected{background-image: url("../images/listing-icon-hv.png");}

li.active{background:url('../images/page-arrow.png'); background-repeat:no-repeat; background-position:right -1px center; z-index:999;}
.side-navbar.shrink ul li.active{background-image:none;}
.side-navbar.shrink ul li a{background-position: center; display: block; min-height:45px; text-align:left;} 
.side-navbar.shrink ul li a span{display:none!important;}
.side-navbar.shrink .sidenav-header-logo{display:none;}
.side-navbar.shrink .top-logo{position:fixed; width:90px; left:5px; z-index:10000; top:0;}
.footer-links{float:left; text-align:center; padding:20px 27px; background:#151e2f; position:fixed; width:230px; bottom:0; transition:all 0.3s;}
.side-navbar.shrink .footer-links{width:98px;}
.side-navbar.shrink .footer-links a:first-child, .side-navbar.shrink .footer-links a:nth-child(2){display:none;}
.side-navbar.shrink .footer-links a.float-right{text-align:center; float:none!important;}
.side-navbar.shrink .sidenav-header{padding:14px; margin-bottom: 10px;}

/*.side-navbar.shrink{ overflow:visible;}
.shrink .mCustomScrollBox, .shrink .mCSB_container{overflow:visible;}*/
.side-navbar._mCS_1.shrink li ul.collapse:not(.show), .side-navbar._mCS_1.shrink li ul.collapse.show { display:none;}
.side-navbar.shrink li a{width:auto;}


.side-navbar.shrink li a[aria-expanded="true"]{ background-color: transparent; border-left: 5px solid transparent; color: #00c9ff; }
.side-navbar.shrink li a[aria-expanded="true"]::after { width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid #f3f4f8; border-bottom: 10px solid transparent; position: absolute; content: ""; right: 0px; top: 50%; margin-top: -10px; z-index: 2; }
.side-navbar.shrink li a.dashboard[aria-expanded="true"] {background-image: url("../images/dashboards-icon.png");}
.side-navbar.shrink li a.customers[aria-expanded="true"] {background-image: url("../images/customerss-icon.png");}
.side-navbar.shrink li a.billing[aria-expanded="true"] {background-image: url("../images/billings-icon.png");}
.side-navbar.shrink li a.catalog[aria-expanded="true"] {background-image: url("../images/catalogs-icon.png");}
.side-navbar.shrink li a.crm[aria-expanded="true"] {background-image: url("../images/crms-icon.png");}
.side-navbar.shrink li a.support[aria-expanded="true"] {background-image: url("../images/supports-icon.png");}
.side-navbar.shrink li a.reports[aria-expanded="true"]{background-image: url("../images/reportss-icon.png");}
.side-navbar.shrink li a.communications[aria-expanded="true"] {background-image: url("../images/communicationss-icon.png");}
.side-navbar.shrink li a.dynamic_content[aria-expanded="true"] {background-image: url("../images/dynamic-contents-icon.png");}
.side-navbar.shrink li a.settings[aria-expanded="true"]{background-image: url("../images/settingss-icon.png");}
.side-navbar.shrink li a.rds[aria-expanded="true"]{background-image: url("../images/rds-hover.png");}
.side-navbar.shrink li a.ntfcation[aria-expanded="true"]{background-image: url("../images/bell-hover.png");}
.side-navbar.shrink li a.cloud[aria-expanded="true"]{background-image: url("../images/clou-hover.png");}
.side-navbar.shrink li a.mktplc[aria-expanded="true"]{background-image: url("../images/mkt-hover.png");}
.side-navbar.shrink ul .collapse li a, .side-navbar._mCS_1.shrink li:hover ul.list-unstyled collapse { padding: 10px 0 !important; padding-left: 0px; font-size: 16px !important;  padding-left: 20px !important; }
.side-navbar.shrink ul li ul li a{ padding: 10px 0 !important; padding-left: 0px; font-size: 16px !important;  padding-left: 20px !important; }
.footer-links a, .side-navbar.shrink .footer-links{transition:all 0.3s; -webkit-transition:all 0.3s;}

.side-navbar.shrink:hover, .side-navbar.shrink:hover .footer-links{width:230px; z-index: 10000;}
.side-navbar.shrink:hover ul li a{ background-position: 18px center; width:230px;}
.side-navbar.shrink:hover ul li a span { display: block !important;text-align: left;}
.side-navbar.shrink:hover .footer-links a:first-child, .side-navbar.shrink:hover .footer-links a:nth-child(2) {  display: inline-block;}
.side-navbar.shrink:hover .footer-links a.float-right{float:right !important;}
.side-navbar.shrink:hover li a[aria-expanded="true"] {  background-color: #313e4f; border-left: 5px solid #6ea9db;   color: #fff;}

.side-navbar.shrink:hover  li a.dashboard[aria-expanded="true"] {background-image: url("../images/dashboard-icon.png");}
.side-navbar.shrink:hover  li a.customers[aria-expanded="true"] {background-image: url("../images/customers-icon.png");}
.side-navbar.shrink:hover  li a.billing[aria-expanded="true"] {background-image: url("../images/billing-icon.png");}
.side-navbar.shrink:hover  li a.catalog[aria-expanded="true"] {background-image: url("../images/catalog-icon.png");}
.side-navbar.shrink:hover  li a.crm[aria-expanded="true"] {background-image: url("../images/crm-icon.png");}
.side-navbar.shrink:hover  li a.support[aria-expanded="true"] {background-image: url("../images/support-icon.png");}
.side-navbar.shrink:hover  li a.reports[aria-expanded="true"]{background-image: url("../images/reports-icon.png");}
.side-navbar.shrink:hover  li a.communications[aria-expanded="true"] {background-image: url("../images/communications-icon.png");}
.side-navbar.shrink:hover  li a.dynamic_content[aria-expanded="true"] {background-image: url("../images/dynamic-content-icon.png");}
.side-navbar.shrink:hover  li a.settings[aria-expanded="true"]{background-image: url("../images/settings-icon.png");}
.side-navbar.shrink:hover  li a.rds[aria-expanded="true"]{background-image: url("../images/rds.png");}
.side-navbar.shrink:hover  li a.ntfcation[aria-expanded="true"]{background-image: url("../images/bell.png");}
.side-navbar.shrink:hover  li a.cloud[aria-expanded="true"]{background-image: url("../images/cloud.png");}
.side-navbar.shrink:hover  li a.mktplc[aria-expanded="true"]{background-image: url("../images/mkt.png");}

.side-navbar.shrink:hover ul li ul li a{width: 225px; padding-left: 50px !important; text-align: left;} 
.side-navbar.shrink:hover  ul li ul.collapse.show{display:block;}
.side-navbar.shrink:hover li a[aria-expanded="true"]::after { border:none;}

.side-navbar.shrink:hover li a[data-toggle="collapse"]::before { content: ''; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; right: 30px; font-size:24px; background:url('../images/side-arrow.png'); background-repeat:no-repeat; width:8px; height:12px; }
.side-navbar.shrink:hover li a[aria-expanded="true"]::before {     content: '';     color: #fff;     background: url('../images/side-arrow-bottom.png');         background-repeat: repeat;     background-repeat: no-repeat;     width: 12px;     height: 8px; }

.header{z-index: 10001;}
label { margin-bottom: .2rem; }
/***************left-sidebar*****************************/


/*************common********************************/
.breadcrumb-item + .breadcrumb-item::before{content:""; background:url('../images/breadcr-arrow.png'); background-repeat:no-repeat; width:6px; height:9px; margin-right:9px;}
.breadcrumb-item + .breadcrumb-item{padding-left:.7rem;}
.breadcrumb-holder{padding:0 15px;}
.table th{border-top:none;}
.table th strong, .table td strong{font-weight:500;}
.table td, .table th{padding:.75rem 1.25rem;}
.tb-to{padding-top:54px!important; color:#545454;}
.form-control{border-color:#d7d7d7;}
.rounded > .bg-light{border-radius: 3px 3px 0 0;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-size:16px!important;
}
::-moz-placeholder { /* Firefox 19+ */
font-size:16px!important;
}
:-ms-input-placeholder { /* IE 10+ */
font-size:16px!important;
}
:-moz-placeholder { /* Firefox 18- */
font-size:16px!important;
}


.btn-primary{background-color:#178e2a; border:0; font-size:18px;}
a.btn-danger, a.btn-info, a.btn-dark{ font-size:18px;}
.btn-primary:focus{color:#fff;}

.blue-btn{background:#6ea9db;}
.blue-btn:hover{background-color:#639ccc; color:#fff;}
.blue-btn:focus{box-shadow:0 0 0 0.2rem rgba(110, 169, 219, 0.5);}

.btn{color:#fff;}
.btn:hover{color:#fff;}
.btn:focus{color:#fff;}

.pagination{margin-bottom:0;}
.pagination li{margin-bottom:0;}
.table-responsive a{color:#1e56a8;}

.src-icon{background-image:url('../images/search-icon.png'); background-repeat:no-repeat; text-indent:-9999px; background-position:center; min-width:50px; z-index:999; padding:8px;}

.reset-icon{background-image:url('../images/reset-icon.png'); background-repeat:no-repeat; text-indent:-9999px; background-position:center; min-width:50px; z-index:999; padding:8px;}


.save-icon{background-image:url('../images/save-icon.png'); background-repeat:no-repeat; text-indent:-9999px; background-position:center; min-width:50px; z-index:999; padding:8px;}

.delete-icon{background-image:url('../images/delete-icon.png'); background-repeat:no-repeat; text-indent:-9999px; background-position:center; min-width:50px; z-index:999; padding:8px;}

.back-icon{background-image:url('../images/back-icon.png'); background-repeat:no-repeat; text-indent:-9999px; background-position:center; min-width:50px; z-index:999; padding:8px;}

.table-hover tbody tr:hover{background:inherit;}
.custom-file-label, .custom-file-label::after{border-radius:0;}

.dark-blue{background-color:#1a283d;}
.light-blue{background-color:#00c9ff;}
.dark-green{background-color:#178e2a;}

.main-form{padding:0 5px;}
.nav-item{font-size:15px;}

header .text-primary{color:#fff!important; font-size:15px!important; font-weight:normal!important;}
.text-uppercase { letter-spacing: 0;}

table td select{min-width:150px;}

/*************common********************************/


/*************inner********************************/
.main-form label{font-size:16px; color: #2d2d2d;}
.main-form span.trail-text{ font-size:13px; color:rgba(45, 45, 45, .7); margin-top:10px;}
input.start-date {background-image: url('../images/time.png'); background-repeat: no-repeat; background-position: center right -2px; background-size: 42px 46px;}
input.start-time {background-image: url('../images/clock-ico.png'); background-repeat: no-repeat; background-position: center right -2px; background-size: 42px 46px;}
.save-button {background-image: url('../images/save.png'); background-repeat: no-repeat; background-position: left center; padding: 9.5px 15px 9.5px 65px; text-align:right; }
.save-as-button {background-image: url('../images/save-as-draft.jpg'); background-repeat: no-repeat; background-position: left center; padding: 9.5px 15px 9.5px 65px; text-align:right; }
.save-as-button.btn-warning {font-size:18px;}
.cancel-button {background-image: url('../images/cancel.png');	background-repeat: no-repeat; background-position: left center; padding: 9.5px 15px 9.5px 65px; text-align:right;}
.new-category {background-image: url('../images/new-category.png');	background-repeat: no-repeat; background-position: left center; padding: 9.5px 15px 9.5px 65px; text-align:right;}
.add-green {background-image: url('../images/add-green.png'); background-repeat: no-repeat; background-position: left center; padding: 9.5px 15px 9.5px 65px; text-align:right;}

.mig-parent {background-image: url('../images/mig-parent.png'); background-repeat: no-repeat; background-position: left center; padding: 9.5px 15px 9.5px 65px; text-align:right;}

.search-button {background-image: url('../images/search-button.png'); background-repeat: no-repeat; background-position: left center; padding: 9.5px 15px 9.5px 65px; text-align:right;}

select.dropdown-select {background-image: url('../images/select.png'); background-repeat: no-repeat; background-position: center right; -webkit-appearance: none; -moz-appearance: none; background-size: 42px 46px;} 

.page-link {color: #000;}
.del_btn img {width: 100%; max-width:18px;}
.heading{color:#1a283d; border-bottom:1px solid #1a283d; padding-bottom:5px; font-size:24px; font-weight:500;}
.search-page-bar{margin-top:-24px; border-radius:6px 6px 0 0; margin-left:-48px; margin-right:-48px;}


table input[type="text"]{padding:2px; height:40px; font-size:13px;}

.uploadedimg{ float:left; display:inline-block; position: relative; margin-right:10px; height: 38px; width: 38px;}
.uploadedimg img {	height: 100%;	width: 100%;	position: relative;	display: inline-block;}
.uploadedimg a {position: absolute; right: -5px; top: -12px; width: 22px; height: 22px !important; font-size: 10px; background: #d71010; border-radius: 100%;	text-align: center;	line-height: 22px; color: #fff;}
.uploadedimg .progress { height: 6px; background-color: #e2e2e2; border-radius: 0; margin-top: -6px; position: relative; z-index: 1; }

/****************** Page Left navigation *********/

.navmain{background:#d9d9d9; min-height:100%;}
.navmain ul{list-style:none; margin:0px; padding:0px; }
.navmain ul li{display:block; padding:0px; margin-bottom:0;}
.navmain ul li a{padding:7px 5px; color:#333333; display:block; position:relative; text-decoration:none; }
.navmain ul li a i{margin-right:10px;}
.navmain ul li a.selected::after{ width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid #f3f4f8; border-bottom: 10px solid transparent; position:absolute; content:""; right: 0px; top: 50%; margin-top: -10px;}
.navmain ul li a.selected{background:#cac8c9; font-weight:600;}
.navmain ul li a:hover{background:#d4d2d3; }

.cus-tr .form-control.dropdown-select { float: left; margin-right: 0px; width: 130px; padding-right: 44px; }
/* Editor Styles */
.Editor-container{ margin-top:0px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; }
#menuBarDiv  .dropdown-menu { top: 100%; left: 0; z-index: 1000; float: left; min-width: 10rem; padding: 0px; margin: .125rem 0 0; font-size: 1rem; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; }
#menuBarDiv  .dropdown-menu > li > a { cursor: pointer; padding: .2rem .5rem; display: block; color: #000 !important; font-size: 14px; }
#menuBarDiv  .dropdown-menu > li > a:hover{background:#313131; color: #fff !important;} 
#menuBarDiv, #statusbar{ background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #afb5bb #afb5bb #bfbfbf; border-bottom-color: #afb5bb; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; } 
#menuBarDiv{ border-radius:0; border-bottom:none; min-height:25px; padding:5px 0; }
#menuBarDiv .dropdown{float:left;}
#menuBarDiv .dropdown-toggle{font-size:14px; }
#menuBarDiv .dropdown-toggle .caret{margin-left:5px; border-top-color:#999;}
#menuBarDiv > .btn-group{margin-left:5px;}
#menuBarDiv a.btn { position: relative; margin-bottom: 0px; border: 1px solid #C0C0C0; border-radius: 5px !important; color: #000; background: #fff; }
#paletteCntr{}
#statusbar{ min-height:30px; border-radius:0 0 3px  3px; border-top:none; line-height:30px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); }
#statusbar .label{ float:right;  margin:6px 10px 0 0;  background:#BBB;  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);  padding: 2px 4px; font-size: 11.844px; line-height:14px; } 
.Editor-editor{  height:300px; padding:1%;   border:1px solid #afb5bb; border-radius:0; word-wrap: break-word; }
#paletteCntr ul{ width: 145px; float: left; z-index: 999; margin:0 10px; }
#paletteCntr li { cursor: pointer; display: block; height: 16px; float: left; margin: 0; padding: 0; width: 16px; margin:1px; }
#paletteCntr li div{text-align:left; margin:0; font-size:12px;}
div.activeColour { position: absolute; display: inline; left: 0; top:30px; background:#E8E8E8; padding-bottom:10px; z-index:10000;  }
#colorpellete, #bg_colorpellete{float:left;}
.bg_activeColour { position: absolute; display: inline; float: left; } 
.specialCntr { background-color:#E8E8E8!important; display:inline; position:absolute; width:176px; top:30px; left:0; }
.specialCntr ul{float:left; margin:10px; white-space:normal; -webkit-padding-start: 0px; -moz-padding-start: 0px;}
.specialCntr ul li{list-style:none; float:left; font-size:12px; width:20px; height:20px; background:#FFF; margin:3px; color:#333; text-align:center; font-weight:bold; cursor:pointer;}
.specialCntr ul li:hover{background:#666; color:#FFF;}
pre { white-space: pre-wrap;       /* css-3 */ white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */ white-space: -pre-wrap;      /* Opera 4-6 */ white-space: -o-pre-wrap;    /* Opera 7 */ word-wrap: break-word;       /* Internet Explorer 5.5+ */ }
.on{display:block; position:relative;}
.fullscreen{position:fixed; background:#FFF; width:100%; height:100%; top:0; left:0; z-index:1000; margin:0;}
.fullscreen #statusbar{position:fixed; bottom:0; border-top:1px solid #DDD;}
.fullscreen #contentarea{border:none;}
.c-tabs a{color:#333;}
.form-btns i{margin: -0.50rem 5px -0.50rem -0.75rem; padding: 13.5px 15px; background: rgba(0,0,0,.1);}
.form-btns.next i{margin: -0.50rem -0.75rem -0.50rem 5px; padding: 13px 15px; background: rgba(0,0,0,.1); float:right;}
.card-header.accordian  { padding: 5px 10px; background-color: #868e96; border-bottom: 1px solid #eee; text-align: left; }
.card-body.accordian  { background: #f1f1f1; }
.card-header .btn:focus, .card-header  .btn.focus{box-shadow:none;}
.error{font-size: 14px; display: none; padding: 5px; margin-top: 1px; border-radius: 0px;}
a.nav-link{color:#666;}
.modal { z-index: 100000;}
.modal-header{background:#0e1030; color:#fff;}
.modal-header .close{color:#fff; opacity:1;}
.modal { text-align: center; }
nav.navbar .modal{line-height: 1.5;}
.category ul{list-style:none; margin:0px 0px 30px 0px ; padding:0px; }
.category ul i{padding-right:10px;}
body .ui-multiselect {width:100% } body .ui-corner-all {border-radius: 0;}

.report-box a{width: 100%; height:100%; display: block; margin: 0px; background-color: #fff; padding:0.9rem; color: #343a40; text-decoration: none; font-size: 22px; border-radius:5px; background:#f8f9fa;}
.report-box a h3{margin-bottom:0;}
.report-box a:hover{background:#0e1030; color:#fff;}
.report-box span{font-size:50px; min-height:80px;}

.report-box .dark-blue{background:#010e29; color:#fff;}

.top-time{font-size:26px;}

footer{background:#0e1030; color:#fff; height:40px; line-height:40px; position:fixed; bottom:0; width:100%; z-index:9999; text-align:center; font-size:14px;}

.clinic-top-drop {display:inline-block; align-content: center;}
.clinic-top-drop select {background: #98d0ff; border-color: #98d0ff; color: #000;}
.clinic-top-drop select:focus{background: #98d0ff; border-color: #98d0ff; color: #000;}
.clinic-top-drop select.form-control option{color:#000;}

.multiple-custom-select .btn-group, .multiple-custom-select button{width: 100%;}
.multiple-custom-select button{padding-top:9px; padding-bottom:9px;}
.multiple-custom-select span.multiselect-native-select {width: 100%;}

.multiple-custom-select-add .btn-group, .multiple-custom-select-add button{width: 100%; text-align:left;}
.multiple-custom-select-add button{padding-top:9px; padding-bottom:9px;}
.multiple-custom-select-add span.multiselect-native-select{width:calc(100% - 41px);}

.digit-box {padding: 0px 3px; border: 2px solid orange;border-radius: 5px;background-color: orange;color: white;min-width: 20px;display: inline-block;text-align: center;font-size: 12px;}
.highcharts-data-table table{width:100%;}




@media screen and (min-width: 768px) {
    .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }
}

.modal-dialog { display: inline-block; text-align: left; vertical-align: middle;}
.notification-ico{position:relative;}
.notification-ico span{width: 20px; height: 20px; position: absolute; background: #e66500; border-radius: 100%; font-size: 12px; line-height: 18px; text-align: center; right: 0px; top: 0px;}
.stattics-data{width:18%; float:left; margin: 0px; color:#fff; padding:20px; background:#ccc; border-radius:.25rem; transition:all 0.5s ease; cursor:pointer;}
.stattics-data a{color:#fff;}
.stattics-data:hover{color:#fff; transform:scale(1.1);}
.stattics-data:last-child{margin-right:0px; }
.stattics-data-left{width:uto; float:left; margin:0px; padding:0;}
.stattics-data-right{float:right; margin:0px; padding:0px; text-align:right; }
.stattics-data i{font-size:40px; padding:0;}
.stattics-data-right span.number{font-size:30px; }
.stattics-data-right span.text{font-size:14px; }
.first-color{ background-color:#3d92b8; transition:all 0.5s ease; cursor:pointer;} 
.second-color{ background-color:#647086; transition:all 0.5s ease; cursor:pointer;} 
.third-color{ background-color:#30af8f; transition:all 0.5s ease; cursor:pointer;} 
.fourth-color{ background-color:#e96111; transition:all 0.5s ease; cursor:pointer;}
.fifth-color{ background-color:#117a8b; transition:all 0.5s ease; cursor:pointer;} 
.web-stats{ background: #8756b5; transition:all 0.5s ease; cursor:pointer;} 

#dvModules div:nth-child(4n+1) .first-color {background-color:#3d92b8;}
#dvModules div:nth-child(4n+2) .first-color {background-color:#647086;}
#dvModules div:nth-child(4n+3) .first-color {background-color:#30af8f;}
#dvModules div:nth-child(4n+4) .first-color {background-color:#e96111;}

.revence.card.ntfction-box{height:auto; max-height:792px;}
.filter select{margin-top:-10px;}

/***********EDIT DASHBOARD****************************/

.modal-dialog{max-width:800px; width:90%;}

.accordion-group{border:1px solid #ccc;}
.accordion-heading{background:#f5f5f5; color:#000; }
.accordion-heading a{color:#000; text-decoration:none; padding:10px; width:100%;}
.accordion-group{margin-bottom:10px;}
.accordion-inner{padding:10px;}

.word-wrap{word-wrap:break-word;}

.custom-bg-blue{background:#5db2d8; color:#fff;}
.custom-bg-blue .card-header{background:#427695 ; color:#fff;}

.custom-bg-grey{background:#647086; color:#fff;}
.custom-bg-grey .card-header{background:#4e5564  ; color:#fff;}

.custom-bg-green{background:#4bcaaa; color:#fff;}
.custom-bg-green .card-header{background:#1c8470 ; color:#fff;}


.custom-bg-orange{background:#fb7d2d; color:#fff;}
.custom-bg-orange .card-header{background:#bf4f0d ; color:#fff;}

.custom-bg-purple{background:#8756b5; color:#fff;}
.custom-bg-purple .card-header{background:#7443a3 ; color:#fff;}
table i{font-size:18px;}


.btn { margin-right:5px;}
.btn:last-child { margin-right:0px;}

.modal-body.full {   min-height: calc(100vh - 160px); }
.btn-icon{background:none; border:none;}

.table.table-striped:nth-last-child(-1n+2) {
    /*background-color: rgba(0,0,0,.05);*/
}

/************* Css changes 14-06-2019 ********************************/

a.input-group-addon span.btn.blue-btn { line-height: 29.3px; }

/************* Css changes 18-06-2019 ********************************/

.multiselect-container > li a label.checkbox { padding-left: 20px!important; width: 100%;}

/************* Css changes 19-06-2019 ********************************/



/************* Css changes 03-07-2019 ********************************/
.report-box {  position:relative;}
.report-box h4 {  margin-bottom: 35px;}
.report-box i.far.fa-heart {    position: absolute;    bottom: 15px;    left: 0;    right: 0;    margin: auto;}
.get-padding .my-padding {    padding-left: 30px;    padding-right: 15px;}
.my-colord-d .bg-dark {  background-color: #878787 !important;}/*#0e1030*/
.my-colord-d .bg-dark2 {    background-color: #0e1030 !important;}
.my-colord-d h3 {   margin-bottom:0;}
.profileinnerheader{font-size:21px;}
.my-colord-d .table .thead-dark th {    background-color: #8e8e8e !important;   border-color: #8e8e8e !important;}
.m-linee{line-height:46px;}
.w-90p{width:100%; max-width:97%;}


.ui-datepicker-calendar {
    min-width: 100% !important;
}

/*--Css changes 27-06-2019--*/
.side-navbar .main-menu li a .fas { font-size: 21px; vertical-align: text-bottom; }
.side-navbar .main-menu li a .icon-box { width: 37px; display: inline-block !important;}
.side-navbar.shrink:hover ul li a span { display: inline-block !important;text-align: left; float: left; }

.start-date::-ms-clear {
    display: none;
}
/* css changes 01-07-2019*/
.table .thead-dark th {
    background-color: #0e1030 !important;
    border-color: #0e1030 !important;
}
.bg-white.border.rounded .bg-light.bg_blue_new {
    background: #0e1030 !important;
}
    .bg-white.border.rounded .bg-light.bg_blue_new div label {
        color: #fff !important;
        font-size: 35px;
        font-weight: 300;
    }
    .bg-white.border.rounded .bg-light.bg_blue_new .blue-btn {
        background: 6ea9db !important;
    }
/*************responsive********************************/



@media only screen and (min-width:1200px) and (max-width:1700px) {
    .col-md-6.col-lg-4.col-xl-2.my-2.report-box.d-flex {
        min-width: 33.33%;
    }
    .stattics-data-right {
        width: 100%;
        text-align: left;
    }
}

@media only screen and (min-width:1500px) and (max-width:1920px) {
    .my-colord-d .bg-dark .col-md-12.mt-3 {
        max-width: 33.333%;
    }

    .my-colord-d .bg-dark .col-md-12.mt-3 {
        max-width: 33.333%;
        text-align: right;
        margin-top: 0px !important;
    }
}

    @media only screen and (min-width:1280px) and (max-width:1599px) {
        .companyprofile .list-group-item .col-6 {max-width: 100%;}
        .display-5 {font-size: 1.1rem;}
        

    }


    @media only screen and (max-width:1367px) {
        .stattics-data {
            width: 48%
        }
    }
@media only screen and (min-width:1200px) and (max-width:1400px) {

    .col-12.col-md-4.col-xl-2.cus-responsive {
        min-width: 33.333% !important;
    }

    .add-new-encounter-section .col-md-6.col-xl-3 {
        min-width: 50%;
    }
}


    @media only screen and (min-width:1200px) and (max-width:1300px) {

        .navmain ul li a {
            font-size: 14px;
        }
        .col-12.col-md-4.col-xl-2.cus-responsive {
            min-width: 33.333% !important;
        }
    }
@media screen and (min-width:1200px) and (max-width:1280px) {
    div#tblVitals label {
        font-size: 14px!important;
    }
    .cus-mt-25 {
        margin-top: 20px;
    }
}

    @media only screen and (min-width:1024px) and (max-width:1279px) {

        nav.navbar .navbar-holder {
            flex-direction: column;
        }

        .cus-mt-25 {
            margin-top: 20px;
        }

        nav.navbar {
            padding-bottom: 10px;
        }

        .header-logo {
            padding: 10px 0;
            text-align: center;
        }

       

        .navbar-header {
            width: 100%;
        }

        .navbar-brand {
            width: 100%;
            text-align: center;
            margin: 0 !important;
            padding-right: .5rem !important
        }

        header input[type="search"] {
            background-color: #19283d;
            border: 1px solid #fff;
            border-radius: 0;
            line-height: initial;
            padding: 5px;
            -webkit-box-sizing: content-box;
        }

        header #demo-2 input[type="search"] {
            width: 96.5%;
        }

        .navbar-header span.pl-1 {
            width: calc(100% - 45px);
        }

        header #demo-2 input[type="search"]:focus {
            line-height: initial;
            width: 91%;
        }

        header .nav-item .dropdown-toggle {
            line-height: 30px;
        }

        .side-navbar {
            z-index: 9999;
            margin-top: 132px;
            padding: 0;
        }

        .get-padding .my-padding {
            padding-left: 15px !important;
            padding-right: 15px;
        }
    }

    @media only screen and (max-width:1279px) {




        table, .ngx-datatable.bootstrap {
            min-width: 1100px;
        }

        .form-group table, .revence.card table {
            min-width: 200px;
        }

        .header-logo img {
            position: relative;
            margin: 0;
            width: 120px;
        }
        /*==========12-3=========*/
        .navbar-header .menu-btn {
            position: absolute;
            top: 3px;
            left: 15px;
        }

        .navbar-header {
            width: 50%;
        }

        .header-logo {
            padding: 9px 0 5px 45px;
            text-align: left;
        }

        .navbar-brand {
            display: none !important;
        }

        .side-navbar {
            margin-top: 45px;
        }

        nav.navbar .navbar-holder {
            flex-direction: inherit;
        }

        .navbar-header #demo-2 {
            display: none;
        }

        .navbar-holder ul li span.date {
            display: none;
        }

        nav.navbar {
            line-height: 0;
            padding-bottom: 0;
        }

            nav.navbar .dropdown-menu {
                right: 0;
            }

        .page {
            padding-top: 48px;
        }

        .header-logo img {
            top: 0;
        }
    }

    @media only screen and (max-width:1023px) {
      
        header input[type="search"] {
            background-color: #19283d;
            border: 1px solid #fff;
            border-radius: 0;
            line-height: initial;
            padding: 5px;
            -webkit-box-sizing: content-box;
        }

        header #demo-2 input[type="search"] {
            width: 91%;
        }
        .cus-mt-25 {
            margin-top: 20px;
        }
        .navbar-header span.pl-1 {
            width: calc(100% - 45px);
        }

        header #demo-2 input[type="search"]:focus {
            line-height: initial;
            width: 91%;
        }

        header .nav-item .dropdown-toggle {
            line-height: 30px;
        }

        .side-navbar {
            z-index: 9999;
            padding: 0;
        }

        .form-control {
            font-size: 14px;
            padding: 7px;
        }

        .new-category {
            text-align: center;
        }


        ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            font-size: 13px !important;
        }

        ::-moz-placeholder { /* Firefox 19+ */
            font-size: 13px !important;
        }

        :-ms-input-placeholder { /* IE 10+ */
            font-size: 13px !important;
        }

        :-moz-placeholder { /* Firefox 18- */
            font-size: 13px !important;
        }
    }


    @media only screen and (min-width:768px) and (max-width:1023px) {

        header #demo-2 input[type="search"] {
            width: 96%;
        }

            header #demo-2 input[type="search"]:focus {
                line-height: initial;
                width: 96%;
            }

        .this-month, .last-month {
            padding-top: 0;
            padding-bottom: 10px;
        }

        .side-navbar {
            height: 100%;
        }

        .footer-links {
            width: 230px;
        }
    }

    @media only screen and (min-width:320px) and (max-width:767px) {

        nav.navbar .dropdown-menu {
            margin-left: -227px;
            width: 250px;
            left: 50%;
        }

        .sw-100 {
            width: 100% !important;
        }

        .side-navbar .brand-small {
            display: none;
        }

        nav.navbar .dropdown-toggle::after {
            margin-left: 0;
        }

        .footer-links {
            position: relative;
            width: 100%;
        }

        .last-month {
            margin-left: 0;
            padding: 0 15px 25px 15px;
        }

        .this-month, .last-month {
            width: 49.2%;
            padding-bottom: 20px;
            padding-top: 0;
        }

            .this-month span, .last-month span {
                width: 100%;
                text-align: left;
            }

            .this-month div, .last-month div {
                width: 100%;
                text-align: left;
            }

        .dashboard-header .card {
            padding: 10px;
        }

        .page.active-sm {
            width: 100%;
        }

        .side-navbar {
            height: calc(100% - 132px);
        }

        .page-link {
            font-size: 13px;
        }

        nav.navbar .dropdown-menu {
            height: 255px;
            overflow: auto;
        }

        .btn {
            margin-bottom: 10px;
            text-align: center;
            width: 100%;
        }

            .btn.src-icon {
                width: auto;
                padding: 9.5px !important;
            }

        .nav-menu li:first-child {
            width: 100%;
            margin: 0;
            padding: 0 !important;
            text-align: center;
        }

        .nav-menu.list-unstyled {
            flex-wrap: wrap;
            justify-content: center;
        }

        .navmain {
            min-height: auto;
        }

        .src-icon {
            padding: 12px;
        }

        .cancel-button, .save-button {
            padding: 9.5px 15px 9.5px 55px;
        }

        .stattics-data {
            width: 100%;
            margin-bottom: 20px;
        }

        .nav-menu li.pr-3, .nav-menu li.pr-4 {
            padding-right: 15px !important;
        }

        .pagination {
            margin-bottom: 10px;
        }

        .form-btns i {
            float: left;
        }

        .bg-light .input-group > .form-control {
            width: 100%;
            margin-right: 0 !important;
            margin-bottom: 10px;
        }

        .top-name-color {
            min-width: inherit;
        }
    }


    @media only screen and (min-width:320px) and (max-width:479px) {
        nav.navbar .dropdown-menu {
            height: auto;
        }

        .navbar-header {
            width: 100%;
        }

        .modal-footer {
            flex-direction: column;
        }

        #menuBarDiv {
            overflow: scroll;
        }

        .exportto {
            float: left !important;
            margin-top: 15px;
        }

        .modal-footer > :not(:first-child) {
            margin: 0 !important;
        }

        .dropdown-menu li .dropdown-item {
            text-align: left;
        }
    }


