html{
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body{
	margin: 0;
	font-family: "Poppins";
	font-size: 14px;
	color: #333333;
	background-color: #ffffff;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Poppins';
}
.p0 {
	padding: 0px;
}
.error { color: #ff0000; }

.sm-iframe-component {452
	width:100%;
	height:620px;
	overflow:hidden;
	border:0;
}
.table tbody tr.subt:hover td, 
.table tbody tr.subt:hover th { 
		background-color: transparent; 
}
.modalOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.3); /* black semi-transparent */
}
.sm-ui-component label {
	color: #333333;
   	margin-bottom: 0;
   	display: inline;
} 
.sm-ui-component IMG {
   	max-width:none;
}
.sm-iframe-component {
  	width:100%;
	height:620px;
	overflow:hidden;
	border:0;
}
input.highlight, select.highlight, checkbox.highlight, textarea.highlight {
	background-color: #FFC;
}
.box-title {
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 0px 0px;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    width:100%;
    height: 30px;
    position: absolute;
    margin-left:-20px;
    top: -1px;
}
.box-title p {
    padding:8px;
}
.box {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    padding: 39px 19px 14px;
    position: relative;
}
.loginpage {
	background: url(/resources/img/admin/login-bg.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    background-size: cover; 
}
.logonbox {
	margin: 0px auto;
	width: 30%;
	padding: 150px 0px;
}
.login {
    padding: 20px 30px;
    background: #ffffff;
    border-radius: 3px;
}
.login-title {
	text-align: center;
	color: #4a90e2 !important;
	font-size: 24px !important;
	margin-bottom: 20px !important;
}
.loginForm input {
    width: 95%;
    border: 1px solid lightgray;
    border-radius: 3px;
    padding: 10px;
}
.btnLogAdminLogin {
	background: #4a90e2;
	color: #fff !important;
	padding: 9px 23px;
	border-radius: 4px;
	border: none;
	font-size: 15px !important;
}
.changePassword {
    float: right;
    color: #000 !important;
    font-size: 15px;
    margin-top: 5px;
}
.datepicker-icon {
    width: 20px;
    height: 15px;
    margin-top: 6px;
}
.filter-area {
	float: right;
}
.br-top {
	border-top: 1px solid #ddd;
}
.table-responsive {
    overflow-x: unset;
}
.table-reports {
    overflow-x: auto;
    overflow-y: auto;
    height: 490px;
}

.documents table, .documents tr, .documents td, .documents th {
    border: 1px solid #d0d0d0;
    /* text-align: center; */
    /* padding: 2px; */
}

/*********** Modal box css *************/
.modal-header, .modal-body, .modal-footer{
	padding: 8px;
}
.modal-body{
	padding: 20px 8px;
}
.modal-center {
	top: 20%;
}
.modal-title {
    font-size: 18px;
    font-weight: 500;
}
.panel .panel-body {
	padding: 15px 18px;
}
.modal.fade .modal-dialog .modal-content .modal-body .close-label {
	position: absolute;
	right: 31px;
	top: 17px;
	font-size: 12px;
	color: #2a3885;
	cursor: pointer;
}

/*********** Modal box css end**********/
/* Date picker model css start*/
.filter-modal .modal-body{
    padding: 0px;
}
.systemSummary-month {
    color: #616161;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    top: 4px;
    text-transform: capitalize;
}
.filter-area {
    cursor: pointer;
    background: #fff;
    padding: 2px 8px 10px;
    width: 100%;
    text-align: center;
    background-color: white;
    border: 1px solid #f1f1f1;
}
.custom-search-btn {
	background: #2a3885;
	color: #fff;
	padding: 8px 25px;
}
.custom-search-btn:hover {
    color: #fff;
}
.filter-modal ul li {
	padding: 10px 0px;
	float: left;
	width: 100%;
	border-bottom: 1px solid #dddddd;
	cursor: pointer;
}
.filter-modal ul li:last-child {
	border: none;
}
.fb-scalaPro-bold {
	font-weight:bold;
}
.filter-modal .form-group {
	margin: 12px auto;
}

.input-group-addon {
	padding: 0px;
	border-radius: 0px;
}
.sm a:hover {
	color: #005580;
	text-decoration: none;
}
.cursor-pointer {
 cursor: pointer;
}
.info-tile{
	padding:0px;
}

.info-tile .tile-heading {
	text-transform: capitalize;
	font-weight: normal;
	font-size: 14px;
	color: #fff;
}
.bg_00bcd4{
	background:#00bcd4;
}
.bg_009688{
	background:#009688;
}
.bg_ffc107{
	background:#ffc107;
}
.bg_009688{
	background:#009688;
}
.title-md {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
}
.title-sm {
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
}
.title-product-xs {
    font-size: 14px;
    font-weight: 500;
}
.title-category-xs {
    font-size: 12px;
    color: gray;
}
.title-price-xs {
    color: #2b3a89;
    font-size: 14px;
}
.animated-content #login-form .panel {
	visibility: unset;
}
.focused-form .login-logo {
	margin-top: 20px;
	margin-bottom: 30px;
}
.btn-block .dropdown-toggle {
	text-transform: capitalize;
	text-aligne: left;
	text-align: left;
	padding: 10px 20px;
	font-weight: normal;
}
.btn-block .dropdown-toggle .caret {
	float: right;
}
.breadcrumb>li {
	font-size:16px !important;
}
.breadcrumb > li + li::before {
	color: gray;
}
.sidebar nav.widget-body > ul.acc-menu > li > a > i {
	top: 2px;
	position: relative;
}
.sidebar-graylight nav.widget-body > ul.acc-menu > li.active > a > i, .sidebar-graylight nav.widget-body > ul.acc-menu > li.active > a:hover > i {
	color: #4a90e2;
}
.sm input, .sm button, .sm select, .sm textarea {
    font-family: Poppins;
}

.bg-transparnt {
    background: rgba(0,0,0,0.6);
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
	padding: 3px 7px;
}
/*-------- new css comon start -------*/

.font-12 {
    font-size: 12px;
}
.title-xs {
	font-size: 16px;
}
.breadcrumb {
	background:#fff;
	border:unset !important;
}
.p-0{
 	padding:0px !important;
}
.p-5{
 	padding:5px !important;
}
.p-10{
	padding:10px;
}
.p-20 {
	padding: 20px !important;
}
.p-40 {
	padding: 40px !important;
}
.pb-30 {
	padding: 30px !important;
}
.pr-0 {
	padding-right: 0px !important;
}
.pl-0 {
	padding-left: 0px !important;
}
.pl-10 {
	padding-left: 10px !important;
}
.pl-20 {
	padding-left: 20px !important;
}
.pr-20 {
	padding-right: 20px !important;
}
.m-0 {
	margin: 0 !important;
}
.mb-0 {
	margin-bottom: 0px !important;
}
.mt-0{
	margin-top: 0px !important;
}
.mt-10{
	margin-top: 10px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.mb-r-20 {
	margin-bottom: 20px !important;
}
.mb-30 {
	margin-bottom: 30px !important;
}
.mb-25 {
	margin-bottom: 25px !important;
}
.mb-40 {
	margin-bottom: 40px !important;
}
.ml-5 {
	margin-left: 5px;
}
.ml-0 {
	margin-left: 0px;
}
.ml-10 {
	margin-left: 10px;
}
.ml-20{
	margin-left:20px !important;
}
.mr-20{
	margin-right:20px !important;
}
.mt-30 {
	margin-top: 30px;
}
.mt-80 {
	margin-top: 80px;
}
.mr-0 {
	margin-right: 0px;
}
.mr-10 {
	margin-right: 10px;
}
.top-15 {
    position: relative;
    top: 15px;
}
.br-bottom {
	border-bottom: 2px solid #eee;
}
.br-right {
	border-right: 1px solid #eee !important;
}
.float-right {
	float: right;
}
#unblock_area.form-group {
    overflow: hidden;
}
.static-content-wrapper {
	background:unset;
}
.sidebar-collapsed .static-content-wrapper {
	background:#fff;
}
.btn-success {
	background-color: #4a90e2 !important;
	border-color: #4a90e2 !important;
}
.btn-blue {
	background: #4a90e2 !important;
	padding: 5px 25px;
	border-color: #4a90e2 !important;
	color: #fff !important;
	font-weight: normal;
}
.btn-blue a {
	color: #fff;
}
.btn-black {
	background: #000 !important;
	padding: 5px 25px;
	border-color: #000 !important;
	color: #fff !important;
    font-weight: normal;
}
.btn-danger {
    padding: 5px 25px;
    font-weight: normal;
    color: #fff;
}
.btn-md {
	padding: 6px 60px;
}
.bg-gray {
	background: #eee;
}
.btn-animate{
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
.border {
	border: 1px solid #eee;
	padding: 10px;
}
.box-md {
	min-height: 150px;
}
.bg-lightgray {
	background-color: #f0f0f0 !important;
}
.bg-brand{
    background-color: #4990e2;
}
.browsebtn {
	padding: 4px 6px;
}
@-moz-document url-prefix() {
	 .browsebtn {
		padding: 0px 6px;
	}
}
.btn-animate::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: rgba(255,255,255,0.5);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.5, 1);
	transform: scale(0.5, 1);
}
.btn-animate:hover::before{
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
.text-blue {
    color: #4a90e2;
}
.title-xxs {
	color: #4b4b4b !important;
	font-size: 13px !important;
	font-weight: bold;
	margin: 10px auto auto;
}
footer {
    background: #eeee;
    padding: 8px 16px;
}
#back-to-top {
    position: relative;
    bottom: 15px;
}

.patient-dashboard {
	padding: 0px;
}
.page-section {
	margin: 20px auto;
}
.page-title {
	margin: 0px;
	font-weight: 500;
	font-size: 23px;
}
.title-s {
	color: #888;
	font-weight: normal;
	font-size: 16px;
}
.title-sub {
    margin: 28px 2px;
    font-weight: 500;
    color: #616161;
	font-weight: normal;
	font-size: 18px;
}
.blue-text {
	color: #5a86e3;
}
.red-text {
	color: #b80d1e;
}
.font-red {
	color: red;
}
.title-s-b {
	color: #616161;
	font-weight: 500;
	font-size: 20px;
	margin: 5px auto;
}
.title-xs {
	color: #616161;
	font-weight: normal;
	font-size: 16px;
	margin: 7px 0px;
}
.img-xs {
	height: 40px;
}
.img-md {
	height: 60px;
}
.form-group {
	margin-bottom: 18px;
}
.text-center {
    text-align: center !important;
}
.text-right {
	text-align: right !important;
}
.text-left {
	text-align: left;
}
.text-white {
	color: #fff;
}
th.title-s {
	text-align: left !important;
}
.inner-pages .panel {
	box-shadow: none;
}
.inner-pages .control-label {
	text-align: left;
	color: #888 !important;
	margin: 0px auto;
}
span.currancy-icon {
    color: #888;
    font-size: 10px;
}
.datepicker {
    max-width: 100%;
}
.datepicker.datepicker-dropdown {
	max-width: 210px;
}
.panel-box {
	box-shadow: 0 5px 4px 0px rgba(0, 0, 0, 0.2);
	border: 1px solid lightgray;
}
.panel-box .panel-heading {
	background-color: transparent;
	padding: 16px 16px 0px;
	border-bottom: 1px solid lightgray;
}
.PatientDataBox:hover {
	background-color: #e1e1e1;
}
.PatientDataBox span:hover {
    background-color: #e1e1e1;
    color: #4a90e2;
}
.bg-transparent {
	background: rgba(0,0,0,0.6);
}
.modal-open .modal {
    overflow-x: scroll;
}
.summery {
    float: right;
}
.box-shadow{
    box-shadow: 0 2px 15px 0 rgba(0, 80, 155, 0.15);
    padding: 10px;
}
.more-option-dropdown {
	right: auto;
	min-width: 88%;
}
/*---- Common css for all page end ---*/


/*-------- side bar css start -------*/
.static-sidebar-wrapper {
	box-shadow: 0 -6px 3px 3px rgba(0, 0, 0, 0.2);
}
.sidebar-collapsed .static-sidebar-wrapper{
	border-right:2px solid rgba(0, 0, 0, 0.2);
}
.sidebar-collapsed .sidebar {
	border-right: 2px solid lightgray;
}
.superuser-bg {
	background-image: url('/resources/img/admin/super-user-bg.png');
	padding: 23px 5px !important;
	background-repeat: no-repeat;
	background-position: center;
}
.default-user{
	width:35px;
}
.stay-on-collapse {
	margin: 0px 8px;
}
.sidebar-collapsed .stay-on-collapse {
	margin: 0px;
}
.sidebar-default nav.widget-body ul.acc-menu > li > a {
	font-weight:600;
}
.sidebar-default nav.widget-body > ul.acc-menu > li.active > a, .sidebar-default nav.widget-body > ul.acc-menu > li.active.hasChild.open > a {
	background-color: #4a90e2 !important;
	font-weight: 600;
	border-radius: 7px;
	color: #fff;
}
.sidebar nav.widget-body > ul.acc-menu li.hasChild.active > a > span {
	color: #fff;
}
.sidebar-default nav.widget-body > ul.acc-menu ul, .sidebar-default nav.widget-body > ul.acc-menu ul li a {
	background-color: #fff;
	color: #4b4b4b;
	font-weight: 600 !important;
}
.sidebar .widget .widget-body .userinfo .info {
	padding: 4px 15px 4px 60px;
}
.sidebar-default .sidebar .widget .widget-body .userinfo .username, .sidebar-default .sidebar .widget .widget-body .userinfo span {
	color: #fff;
	font-weight: 600;
	font-size: 16px;
}
.sidebar-default nav.widget-body > ul.acc-menu li.nav-separator {
	color: #4a4a4a;
	font-size: 16px;
	font-weight: 600;
}
.sidebar nav.widget-body > ul.acc-menu ul li a {
	padding: 6px 16px 6px 40px;
	font-weight: 400;
	margin-left: 26px;
	border-left: 1px solid #d8d8d8;
	line-height: 30px;
}
.sidebar nav.widget-body > ul.acc-menu ul li a::before {
	background-color: #d8d8d8;
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 15%;
	right: -38px;
	margin-left: -50%;
}

.sidebar nav.widget-body > ul.acc-menu ul li a:hover::before {
	background-color: #fff;
}
.sidebar nav.widget-body > ul.acc-menu ul li a span {
	padding-left: 50px;
}
.sidebar nav.widget-body > ul.acc-menu ul{
	padding:0px;
}
.sidebar nav.widget-body > ul.acc-menu li.hasChild > a::before {
	color: #000;
	opacity: 1;
    top: 5px;
	position: relative;
}
.sidebar nav.widget-body > ul.acc-menu li.active.hasChild > a::before {
	color: #fff;
}
.sidebar .icon {
	padding: 10px;
	background-repeat: no-repeat;
	margin-top: 0px;
	top: 4px;
	position: relative;
	background-position: center;
}
.icon-dashboard {
	background-image: url('/resources/img/admin/icons/dashboard.png');
}
.icon-order {
	background-image: url('/resources/img/admin/icons/order.png');
}
.icon-returns {
	background-image: url('/resources/img/admin/icons/return.png');
}
.icon-purchase-order {
	background-image: url('/resources/img/admin/icons/purchase_order.png');
}
.icon-product-category {
	background-image: url('/resources/img/admin/icons/product-category.png');
}
.icon-product-subcategory {
	background-image: url('/resources/img/admin/icons/category.png');
}
.icon-products {
	background-image: url('/resources/img/admin/icons/products.png');
}
.icon-services {
	background-image: url('/resources/img/admin/icons/services.png');
}
.icon-sellingunit {
	background-image: url('/resources/img/admin/icons/sellingunit.png');
}
.icon-manufacturer {
	background-image: url('/resources/img/admin/icons/manufacturer.png');
}
.icon-patient {
	background-image: url('/resources/img/admin/icons/patient.png');
}
.icon-notification-service {
	background-image: url('/resources/img/admin/icons/mail-send.png');
}
.icon-search {
	background-image: url('/resources/img/admin/icons/search.png');
}
.icon-stock {
	background-image: url('/resources/img/admin/icons/stock.png');
}
.icon-report {
	background-image: url('/resources/img/admin/icons/report.png');
}
.icon-configuration {
	background-image: url('/resources/img/admin/icons/configuration.png');
}
.icon-invoice {
	background-image: url('/resources/img/admin/icons/invoice.png');
}
.icon-coupon {
	background-image: url('/resources/img/admin/icons/coupon.png');
}
.icon-content {
	background-image: url('/resources/img/admin/icons/content.png');
}
.icon-vendor {
	background-image: url('/resources/img/admin/icons/vendor.png');
}
.icon-reports {
	background-image: url('/resources/img/admin/icons/reports.png');
}
.icon-payment {
	background-image: url('/resources/img/admin/icons/payment.png');
}
.icon-sessionlogs {
	background-image: url('/resources/img/admin/icons/sessionlogs.png');
}


/**** Active menu icons **/
.sidebar nav.widget-body > ul.acc-menu li.active .icon-dashboard {
	background-image: url('/resources/img/admin/icons/active/dashboard.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-order {
	background-image: url('/resources/img/admin/icons/active/order.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-returns {
	background-image: url('/resources/img/admin/icons/active/return.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-purchase-order {
	background-image: url('/resources/img/admin/icons/active/purchase_order.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-patient {
	background-image: url('/resources/img/admin/icons/active/patient.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-notification-service {
	background-image: url('/resources/img/admin/icons/active/mail-send.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-product-category {
	background-image: url('/resources/img/admin/icons/active/product-category.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-product-subcategory {
	background-image: url('/resources/img/admin/icons/active/category.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-products {
	background-image: url('/resources/img/admin/icons/active/products.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-services {
	background-image: url('/resources/img/admin/icons/active/services.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-sellingunit {
	background-image: url('/resources/img/admin/icons/active/sellingunit.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-manufacturer {
	background-image: url('/resources/img/admin/icons/active/manufacturer.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-search {
	background-image: url('/resources/img/admin/icons/active/search.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-stock {
	background-image: url('/resources/img/admin/icons/active/stock.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-report {
	background-image: url('/resources/img/admin/icons/active/report.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-configuration {
	background-image: url('/resources/img/admin/icons/active/configuration.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-vendor {
	background-image: url('/resources/img/admin/icons/active/vendor.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-coupon {
	background-image: url('/resources/img/admin/icons/active/coupon.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-content {
	background-image: url('/resources/img/admin/icons/active/content.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-reports {
	background-image: url('/resources/img/admin/icons/active/reports.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-payment {
	background-image: url('/resources/img/admin/icons/active/payment.png');
}
.sidebar nav.widget-body > ul.acc-menu li.active .icon-sessionlogs {
	background-image: url('/resources/img/admin/icons/active/sessionlogs.png');
}

        /***** collapsed siderbar *****/
.sidebar-collapsed .sidebar nav.widget-body > ul.acc-menu ul {
	border: 1px solid #eee;
}
.sidebar-collapsed .sidebar nav.widget-body > ul.acc-menu ul li a {
	margin-left: -1px;
}
.sidebar-collapsed .sidebar nav.widget-body > ul.acc-menu ul li a::before {
	width: 15%;
	right: -50px;
	margin-left: -40%;
}
.sidebar-collapsed .sidebar nav.widget-body > ul.acc-menu ul li a span {
	padding-left: 53px;
}
.sidebar-default nav.widget-body > ul.acc-menu > li.active > a, .sidebar-default nav.widget-body > ul.acc-menu > li.active.hasChild.open > a {
	background-color: #4a90e2 !important;
	font-weight: 600;
	border-radius: 7px;
	color: #fff;
}
.sidebar-graylight nav.widget-body > ul.acc-menu > li.active > a {
	background-color: #616161;
	color: #fff;
	border-radius: 5px;
}
/*********************  left side menubar end *********************/

/*-------- breadcrumb css start -------*/
.breadcrumb-section {
    box-shadow: 0px 3px 2px -1px rgba(0, 0, 0, 0.2);
    padding: 0px 0px 15px;
}
.breadcrumb {
	float: right;
	position: relative;
	margin: 4px auto auto;
	background: inherit;
	border: unset !important;
}
.breadcrumb li a {
	color: #000;
}
.page-title {
	margin: 0px;
	font-weight: 500;
	font-size: 20px;
}
/*-------- breadcrumb css start -------*/

/*************** Dasboard page css start ********************/

.info-tile {
	padding: 10px;
}
.info-tile .tile-body {
	text-align: left;
	font-size: 28px;
	line-height: 45px;
	font-weight: 500;
}
.title-icon {
	position: absolute;
	top: 18px;
	right: 0px;
}
.info-tile .tile-heading {
	font-weight: 500;
	font-size: 13px;
	text-transform: capitalize;
	color: #000;
}
.info-tile .title-red span {
	color: #bf2135;
}
.info-tile .title-green span {
	color: #7ed321;
}
.info-tile .title-blue span {
	color: #4a90e2;
}
.info-tile .title-yellow span {
	color: #f5a623;
}
.ic {
	padding: 12px 22px;
	background-repeat: no-repeat;
	background-position: right;
}
.ic-invoice {
    padding: 22px 30px;
    background-repeat: no-repeat;
    background-position: right;
}
.icon-drugsold {
	background-image: url('/resources/img/icons/drug-sold.png');
}
.icon-patients {
	background-image: url('/resources/img/icons/total-patient.png');
}
.icon-revenue {
	background-image: url('/resources/img/icons/total-revenue.png');
}
.icon-invoices {
	background-image: url('/resources/img/icons/total-invoice.png');
}
.icon-total-invoices {
	background-image: url('/resources/img/icons/Total_invoices.png');
}
.icon-paid-invoices {
	background-image: url('/resources/img/icons/total_paid.png');
}
.icon-due-invoices {
	background-image: url('/resources/img/icons/total_due.png');
}
.icon-overdue-invoices {
	background-image: url('/resources/img/icons/Total_over_due.png');
}
.panel.panel-white .panel-heading h2, .panel.panel-realtime .panel-heading h2 {
	color: #4b4b4b;
	font-size: 18px;
	font-weight: 600;
}
.panel.panel-white .panel-heading, .panel.panel-realtime .panel-heading {
	border-bottom: 1px solid #e1e1e1;
}
.panel-ctrls .dropdown, .panel-ctrls > .button-icon{
	display: none;
}
.panel.panel-white .panel-heading .panel-ctrls i.separator, .panel.panel-realtime .panel-heading .panel-ctrls i.separator {
	display: none;
}
.panel-ctrls .dropdown, .panel-ctrls > .button-icon.has-bg{
	display: block;
}
.panel-ctrls .dropdown, .panel-ctrls > .button-icon.has-bg.dropdown-toggle{
	display: none;
}
.table.browsers tr th {
	border-bottom: 1px solid #e1e1e1;
	background-color: transparent !important;
}
.table.browsers tr td {
	border-top: none;
}

.bootbox.modal {
	background: rgba(0,0,0,0.6) !important;
}
.bootbox.modal  .modal-body{
    padding: 20px !important;
}
.bootbox.modal  .modal-footer{
    padding: 10px !important;
}
.bootbox-close-button.close {
	left: 40px;
	position: relative;
	bottom: 27px;
	background: #fff;
	padding: 3px 6px;
	border-radius: 50px;
}
.fixed-height .panel-body {
	max-height: 450px;
	overflow: auto;
}
/*------------- new css start -------------*/
.page-section {
	margin: 20px auto;
}
.inner-pages .panel {
	box-shadow: none;
}
.noborder-table table.table {
	border: 1px solid #d7d7d7;
	margin: 20px 0px !important;
}
.noborder-table table tr td, .noborder-table table tr th {
	border-right: 1px solid #d7d7d7;
	color: #4b4b4b;
}
.noborder-table table tbody tr td {
	border-top: none;
	text-align: left;
}
.btn-blue {
	background: #616161 !important;
	padding: 5px 30px;
	border-color: #616161 !important;
	color: #fff !important;
	font-weight: normal;
	border-radius: 4px;
}
.ui-widget-content li:hover {
	background: #e1e1e1;
	color: #000 !important;
}

/**********  Order Page css Start ********/
.add-order {
	padding: 1px;
}
.order-table th {
	padding: 3px !important;
}
.order-table-list {
    padding: 0px;
}
.order-table-list li {
	display: inline-block;
	width: 23.7%;
	padding: 10px 20px;
}
.order-table .form-group {
	margin-bottom: 0px;
}
.order-table-list li:first-child {
	padding: 15px;
}
.order-table th:first-child {
	width: 31%;
}
/* .order-table th:nth-child(2) {
	width: 13%;
} */
.order-table th:nth-child(3) {
	width: 9%;
}
.order-table th:nth-child(6) {
	width: 10%;
}
.order-table-list li:nth-child(2) {
	padding-left: 25px;
}

.order-table-list li:nth-child(3) {
	padding-left: 35px;
}
.order-table-list li:nth-child(4) {
	padding-left: 40px;
}
.qtyBox{
	max-width: 85px; 
	margin-left: 10px !important;
}

button.close {
    background: #eee;
    left: 20px;
    position: relative;
    bottom: 20px;
    color: red;
    font-weight: normal;
    padding: 4px 9px;
    border-radius: 100%;
    font-size: 11px;
}
.modal-dialog-centered {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center; 
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - (.5rem * 2));
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
	padding: 0px;
}
.order-table {
	margin-bottom: 20px !important;
}
.ui-menu .ui-menu-item-wrapper {
    padding: 0px 0px !important;
    color: #000;
}
.ui-widget-content {
	max-height: 250px;
	overflow: auto;
}
.ui-widget {
	font-family: 'Poppins' !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: none !important;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
	margin: 0px !important;
}
.table.order-table {
	margin-bottom: 20px !important;
}
.invoice-box {
    padding: 40px;
    border: 1px solid #eee;
    margin-bottom: 10px;
    min-width: 900px;
    min-height: 500px;
}
textarea {
  resize: none;
}

.dispensing-logo img{
	height: 40px;
}
.font-normal {
	font-weight: normal;
}
.drug-description {
    width: 100%;
}
.order-table .boxSize{
	width: 80% !important;
	float: left;
    margin-top: -6px;
}

.order-table .unit{
	width: 10%;
    float: right;
}
.bootbox .modal-body {
	padding: 20px;
}
.bootbox .modal-footer {
	padding: 10px;
}
.bootbox-close-button.close {
	left: 28px;
}
.bootbox.modal .modal-dialog {
	top: 25%;
	width: 30%;
}
.border-box {
    border: 1px solid #d1d1d1;
}
.accordians .ui-widget-content {
	max-height: unset;
	height: auto !important;
}
.ui-accordion .ui-accordion-header {
	margin-top: 20px;
	padding: 13px 10px;
	border: 1px solid #d1d1d1 !important;

	text-transform: capitalize;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background: #4a90e2;

}
.dl-horizontal dd {
	margin-left: 0;
}
.buttons-list{
    padding: 0;
}
.buttons-list > li {
	display: inline-block;
	margin-right: 10px;
	border-right: 1px solid #eee;
	padding-right: 10px;
}
.buttons-list > li:last-child {
    border: none;
}
.width-30 {
	width: 30%;
}
.width-60 {
    width: 63%;
}
.buttons-list .open {
	position: relative;
}
.order_notes {
    padding: 0;
    list-style: none;
}
ul.order_notes li .note_content {
	padding: 10px;
	background: #efefef;
	position: relative;
	margin-bottom: 10px;
}
ul.order_notes li .note_content::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -9px;
	left: 20px;
	width: 0;
	height: 0;
	border-width: 10px 10px 0 0;
	border-style: solid;
	border-color: #efefef transparent;
}
.mb-5 {
    margin-bottom: 5px;
}
.text-sm {
    font-size: 11px;
}
.text-red {
	color: #cd4c50;
}
.text-md {
	font-size: 13px;
}

.helptip {
	margin-left: 20px;
	background: gray;
	padding: 1px 5px;
	border-radius: 50%;
	color: #fff;
	font-size: 10px;
}
.helptip:hover {
    cursor: help;
}
/**********  Order Page css end  *********/

/**********  Question Page css *********/
.question {
	height: 40px;
}
.clone-options-area {
	margin-top: 10px;
}
/**********  Question Page css end *********/



/**********  Multiple select drop down *********/
.btn.dropdown-toggle.btn-light {
    background: #fff !important;
    border: 1px solid #d1d1d1 !important;
    padding: 3px 5px;
    font-weight: 500;
    color: #000;
}
.btn.dropdown-toggle.btn-light.bs-placeholder {
    color: #bdbdbd;
}
.bootstrap-select .dropdown-toggle .filter-option {
	position: relative;
}
.bs-searchbox {
	display: none ;
}
.bootstrap-select .dropdown-menu {
    top: 43px;
}
.bootstrap-select .dropdown-menu {
	top: 42px;
}

#reasonDisplay {
	margin-bottom: 0;
}
/**********  Multiple select drop down *********/

.gridBody {
	overflow-y: -moz-hidden-unscrollable;
}
#ui-id-76:hover {
	color: #000 !important;
}

/********** Start Search Box icon in input*************/
.ic_search {
    background-image: url(../templates/generic/img/icons/ic_search.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 15px;
    background-position-x: 98%;
    font-size: 15px;
}

.btn-sm-blue {
    background: #616161 !important;
    border-color: #616161 !important;
    color: #fff !important;
    font-weight: normal;
    border-radius: 4px;
}   
/**********End Search Box icon in input*************/

/**********offer code css starts*************/    

#addOfferCodeModal {overflow: auto; opacity: 1; display: none;}
    
#saved-email-template-msg {float: right;margin-top: 7px;margin-right: 10px;color: #2cc970;display: none}
#tinymce_toolbar {position: absolute;
    margin-top: -84px;
    margin-left: 2px;}
.bodyPadding{padding-bottom: 75px !important;}
/ toolbar /
.mce-toolbar-grp {
    background-color: #F7F8F9 !important; / uses !important or override .mce-panel background-color/image /
    background-image: none !important;
}

.error-block{border-radius:3px; box-shadow: 0 1px 2px 0 rgba(216,25,25,0.16), 0 0 0 1px rgba(216,25,25,0.08); border: 1px solid #D81919 !important;}

[contentEditable=true]:empty:not(:focus):before{
    content:attr(data-text)
}
.template-header{color: white !important;padding: 10px !important;background:#F5F5F5 !important;}
.select.form-control {
    padding: 0px 0px !important;
}


.border-top{border-top: 1px solid #dedede;}
.normalText{    float: left;    padding: 10px;}
.item-media-img {width: 45px; height: 45px;padding: 0px 0px 0px 0px;margin-bottom: 15px;border-radius: 50%;}
@media only screen and (max-width: 768px) {
.item-media-img{width:45px;height:45px;border-radius: 50%;}
}
.width35{width: 35%;}
.width45{width: 45%;}
.width15{width: 15%;}
.width5{width: 5%;}
.align-center{text-align: center;}
.selected-attach-logo-name{max-width: 99%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.selected-attachment-name{max-width: 99%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#userList-table .table-header {padding: 1% !important;}

.padding-top10{padding-top: 10px;}
.padding-bottom10{padding-bottom: 10px;}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"]{    line-height: 22px !important;}
.width100percent{width: 100%;}
.multiselect-native-select .btn-group{width: 100% !important;}
.btn-group .multiselect-container{        right: auto;}
#offerComments {padding: 10px;width: 100%;border: none;border-radius: 2px;color: gray;min-height: 100px;margin: 0px;resize: none;background: white;}
.outerModalContent .modal-body{    overflow: inherit !important;}
.dropdown-menu>.active>a{color: black !important;}

/**********offer code css ends*************/

/* for invoice cart content (copied from sm.css) */

#orderTableTitle {
	margin-top: 20px;
}

#cartContent .item {
	border-bottom: 1px dotted #DDDDDD;
}

#cartContent .cartImage {
	float: left;
	padding: 10px;
	text-align: left;
	width: 15%;
}

#cartContent .productName {
	float: left;
	padding: 10px;
	font-size: 15px;
	text-align: left;
	width: 40%;
}

#cartContent .quantity {
	float: left;
	font-size: 15px;
	padding: 10px;
	text-align: center;
	width: 10%;
}

#cartContent .totalPrice {
	float: right;
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
	text-align: right;
	width: 10%;
}

#cartContent .subTotal {
	float: right;
	font-size: 15px;
	padding: 10px;
	text-align: right;
	width: 10%;
}

#cartContent .total {
	text-align: right;
	padding: 10px;
}
.ic_search[placeholder] {
    font-size: 13px;
}
.edit {
	background-image: url('/resources/img/admin/icons/mode-edit.png');
	padding: 2px 20px;
	background-repeat: no-repeat;
}
.cancel {
	background-image: url('/resources/img/admin/icons/cancel.png');
	padding: 2px 20px;
	background-repeat: no-repeat;
}
.invoice {
	background-image: url('/resources/img/admin/icons/invoice.png');
	padding: 0px 8px;
	background-repeat: no-repeat;
}

.barcode {
    background-image: url(/resources/img/admin/icons/barcode.png);
    padding: 0px 8px;
    background-repeat: no-repeat;
}
.action i {
    padding: 8px;
}

.table-bordered.order-table .no-border td {
    border: none;
}
.table-bordered.order-table .no-border tr:first-child td {
    border: 1px solid #d7d7d7;
}
.productDataBox {
	padding: 10px;
}
.ui-state-active .productDataBox {
	background: lightgray;
}
li.ui-menu-item:focus {
    background: blue;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	color: #000 !important;
}
.barcodeicon {
    position: relative;
    top: 6px;
}
.barcode-scanner-modal .modal-dialog{
    top: 50px;
    padding: 10px;        
}
.barcode-scanner-video {
    max-height: 500px;
}
.barcode-scanner-video video{
    width: 100%
}
.product-img img {
	width: 100%;
	/* margin: 15px; */
	padding: 22px;
}
.accordians .ui-widget-content {
    max-height: unset;
    height: auto !important;
    padding: 10px;
}
.ui-accordion .ui-accordion-header {
	margin-top: 20px;
	padding: 13px 10px;
	border: 1px solid #d1d1d1 !important;

	text-transform: capitalize;
}
.purchase-table thead tr th:nth-child(3) {
    max-width: 69px;
}

#topnav .logo-area {
    height: 60px;
}
.breadcrumb-section .page-title {
    padding-top: 10px;
}
#topnav .navbar-brand {
	padding: 2px 0 !important;
}
#topnav .toolbar.pull-right .toolbar-icon-bg>a {
    padding: 11px 0 0 !important;
}
.paymentTable thead tr th, .paymentTable tbody tr td {
    padding: 10px 7px !important;
}