body {

    font-size: 16px !important;
}

.main-sidebar {
    background-color: #eee;
}

.dropdown-menu > li > a {
    border-bottom: 1px solid #ccc;
    padding: 13px 0 13px 0;
    color: #004b77;
}

.dropdown-menu > li > a {
    padding: 10px;
}

.dropdown-menu > li > i {
    color: #000;
    padding-left: 10%;
}

#notifications {
    cursor: pointer;
    position: fixed;
    right: 0px;
    z-index: 9999;
    top: 0px;
    margin-top: 22px;
    margin-right: 15px;
    max-width: 300px;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.dashboard_text {
    color: #fff;
    font-size: 14px !important;
}

.barcode-section {
    margin-top: 40px;
}

.each_code {
    margin-bottom: 5%;
}

.amount-box {
    margin: 10px 0px;
    width: 100px;
    text-align: center;
}

.total-grid-values {
    background-color: #f7f7f7;
    border-bottom: 2px solid #fff;
    padding-top: 10px;
}

.total_amount_area {
    margin-top: 2px;
    padding-bottom: 2px;
}

#cash_given_to_customer {
    display: block;
    margin-top: 12px;
}

.cash_given_to_customer_div {
    font-size: 20px;
    padding-top: 12px;
}

.search_result {
    background-color: #eee;
    list-style: none;
    position: absolute;
    z-index: 999;
    padding: 10px;
    padding-top: 0px;
    border-radius: 2px;
    width: 95.5%;
    max-height: 400px;
    overflow-y: scroll;
}

.search_result li {
    border-bottom: 1px solid #ccc;
    padding: 5px;
    font-size: 16px;

}

.search_result li:hover {
    cursor: pointer;
    background-color: #fff;
}

.cross_search_result {
    text-align: right;
    padding: 0px;

}

.cross_search_result > i {
    font-size: 24px;

}

.cross_search_result:hover {
    cursor: pointer;
}

.instructions {
    font-size: 12px;
    background-color: #fff;
    padding: 5px;
}

.field-agjust {
    margin-right: 20px;
}

label {
    font-weight: normal;
}

.box-label {
    display: block;
}

.purchase-box {
    background-color: #fbf9f9;
    border-radius: 3px;
}

.purchase-box small {
    color: #777;
}

.purchase-heading {
    border-radius: 3px;
    padding: 20px;
    color: #fff;
}

.purchase-heading > small {
    color: #fff;
    display: block;
    font-style: italic;
    padding-top: 3px;
}

.purchase-top-header {
    display: inline-block;
}

.box-bg {
    background-color: #fdfcfc;
    padding: 20px;
}

.make-container-center {
    margin-left: 20px;
}

.bg-setting-product {
    background-color: #f9f9f9;
    border-bottom: 1px solid #eee;
    box-shadow: 0px 0px 2px 0px #ccc;
}

.supply_fields {
    width: 75px;
    text-align: center;
    margin-bottom: 5px;
}

.supply-total-amount {
    width: 175px;
    font-size: 25px;
    border: none;
}

#expense-type-id {
    display: none;
}

.border-bottom-journal {
    border-bottom: 1px solid #eee;
}

.accounts_total_amount {
    width: 150px;
    border: none;
    outline: none;
    padding: 5px;
}

.transaction_validity {
    color: #c00;
    font-weight: bold;
    height: 45px;
    text-align: right;
}

.income-style {
    background-color: #84969e;
    padding: 12px;
    width: 100%;
    display: inline-block;
    color: #fff;
    border-radius: 2px;
}

.income-style-sub {
    background-color: #d4e3ea;
    padding: 5px;
    width: 100%;
    display: inline-block;
    border-radius: 2px;
}

.total-income {
    background-color: #84969e !important;
    border: none;
    color: #fff;
}

.balancesheet-header {
    background-color: #84969e !important;
    border: none;
    color: #fff;
}

.balancesheet-row {
    background-color: #d4e3ea !important;
    border: none;
}

.ledger_head {
    background-color: #84969e !important;
    border: none;
    padding: 15px;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
}

.ledger_row_head {
    background-color: #d4e3ea !important;
    border: none;
    padding: 10px;
}

.ledger-table-head {
    background-color: #d6d6d6 !important;
    border: none;
    padding: 10px;
}

.narration {
    background-color: #d4e3ea;
    border: none;
}

.general-journal-credit {
    padding-left: 7%;
}

.total_amount_area_row {
    background-color: #f7f7f7;
}

.row-buttons {
    background-color: #f7f7f7;
    padding: 15px 15px 0px 15px;
}

.header_row {
    padding: 0px 10px;
    color: #fff;

}

.link-settting {
    font-size: 15px;
    display: block;
}

.icon-settings {
    font-size: 24px;
}

.nav > ul {
    text-align: center;
}

.nav > li > a {
    padding: 7px 11px 3px 12px;
}

.navbar {
    box-shadow: 15px 12px 56px -26px #333;
}

.navbar-toggle i {
    color: #337ab7;
}

.responsive-color-list a:hover {
    background-color: #e7e7e7;
}

.homescreen-icon {
    margin-top: 24px;

}

.alignment-icons {
    margin-left: 15px;
}

.privious_balance > input {
    width: 100px;
    border: none;
}

.select2-container {
    width: 100% !important;
}

.content-wrapper {
    min-height: 0% !important;
    padding-top: 0.5%;
}

.cheque-fields {
    border: none;
    border-bottom: 1px solid #ccc;
    background-color: transparent;

}

.cheque-setting-top {
    margin-top: 3%;
}

.cheque-area-border {
    border: 1px solid #eee;
    border-radius: 3px;
}

.bank-balance {
    margin-top: 5px;
}

.titles-section {
    padding: 2% 0;
    margin: 1% 0;
}

.btn-submit-cheque {
    margin-top: 1%;
}

#existing_account {
    display: none;
}

#prescribtion_id:hover {
    background-color: #000;
    opacity: 0.2;
    cursor: pointer;
}

#prescribtion_id > img {
    width: 80px;
    height: 80px;
    margin-left: 14px;
}

.profile-user-img:hover {
    background-color: #eee;
    cursor: pointer;
    opacity: 0.5;
}

.passwordset {
    cursor: pointer;
}

.table-row-print {
    border-bottom: 1px dotted #252525;
}

.table-row-print td {
    border: none !important;
}

.link-setting-header {
    padding: 0px 10px 0px 10px;
}

.header_row a {
    color: #fff;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: none;
}

.error {
    color: #c00;
}

.invoice {
    margin-top: 20px;
}

.set-input-width {
    width: 100px;
}

.invoice-confirmation i {
    font-size: 321px;
    color: #b7b7b7;
    margin-top: 60px;
}

.pos-invoice-btn {
    margin-right: 14px;
}

.bank-section-details {
    display: none;
}

.bank-cheque-no {
    display: none;
}

.users-list > li img {
    border-radius: 100%;
}


/*---------------------*/

/* Header Styles
=================================================================== */

.header-nav {
    position: relative;
    padding: 0px;
    color: #fff !important;
    background: #000 !important;
}

.header-nav .btn {
    display: inline-block;
    margin: 0px;
    font-size: 15px;
    text-align: center;
    background: transparent;
    border: none;
    border-radius: 0px;
    box-shadow: none;
}

.header-nav a.btn {
    position: relative;
    height: 30px;
    min-width: 40px;
    width: auto;
    background: #40454a;
    color: #fff !important;
    text-shadow: none !important;
    padding: 5px 10px !important;
    margin: 5px 3px;
    border-radius: 0px;
    font-size: 12px;
}

.header-nav a.btn .number {
    position: absolute;
    font-size: 8px;
    line-height: 10px;
    top: 0;
    right: 0;
    height: 10px;
    width: 10px;
}

.header-nav a.btn.btn-cart {
    border-radius: 2px !important;
}

.header-nav a.btn.account {
    background: transparent;
    height: 40px;
    width: auto;
    padding: 10px 10px 5px 10px !important;
    margin: 0 0 0 3px;
}

.header-nav a.btn.account .mini_avatar {
    max-height: 36px !important;
    margin: -8px 10px -10px 0px;
    float: left;
}

.header-nav a.btn:hover {
    background: #282b2e;
}

.header-nav .user {
    display: inline-block;
    text-align: left;
    margin-top: -5px;
    padding: 0px;
}

.header-nav .user .hello {
    display: block;
    font-size: 11px;
    font-weight: bold;
}

.header-nav .user .name {
    display: block;
    margin-top: -6px !important;
    font-size: 13px;
}

.dropdown-menu {
    list-style: none;
    text-shadow: none;
    border-radius: 0px;
}

.dropdown-menu .divider {
    margin: 2px 0;
}

.dropdown-menu li a i {
    padding-right: 10px;
}

.dropdown-menu-sub-footer {
    text-align: center;
    cursor: pointer;
    background: #F9F9F9;
    padding: 5px;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

ul.cart li {
    min-width: 300px;
}

ul.cart li {
    font-size: 12px;
    padding: 5px 0;
}

.bdarkGreen {
    background: #78cd51 !important;
}

/*tooltip Box*/

.con-tooltip {
    position: relative;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    cursor: default;
}

/*tooltip */

.tooltip {
    visibility: hidden;
    padding: 10px 10px 0px;
    text-align: center;
    background: #333;
    color: #fff;
    position: absolute;
    top: 90%;
    left: -4%;
    font: 16px;
    transform: translateY(9px);
    transition: all 0.3s ease-in-out;
}


/* tooltip  after*/

.tooltip::after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12.5px 0 12.5px;
    border-color: #333 transparent transparent transparent;
    position: absolute;
    left: 40%;
}

.con-tooltip:hover .tooltip {
    visibility: visible;
    opacity: 1;
    transition: .3s linear;

}

/*bottom*/

.bottom .tooltip {
    top: 90%;
    left: -4%;
}

.bottom .tooltip::after {
    top: -17%;
    left: 40%;
    transform: rotate(180deg);
}
.sn_cname{
    padding: 8px 8px;

    font-size: 18px;

    font-weight: bold;
}
.sn_cyname {
    font-size: 60px;
    font-weight: bold;
}

.sn_rclm {
    margin-top: 20px;
}

.grad1 {
    background: linear-gradient(192deg, #C5D7A0, #e9efdd, #C5D7A0);
    color: #C00052;
    width: 150px;
    text-align: center;
    font-weight: bold;
    margin: 0 auto;
    padding: 12px 8px;
    box-shadow: 4px 4px 10px #aaaaaa;
}
table,th{
    text-align: center
}
/* Calculator
============================================= */
.calc{width:200px;padding:4px;color:#333}div.is-calculator,span.is-calculator{position:relative}button.calculator-trigger{width:25px;padding:0}img.calculator-trigger{margin:2px;vertical-align:middle}.calculator-keyentry{position:absolute;top:0;right:3px;width:0;border:none;background:0 0}.calculator-inline{position:relative;border:1px solid #CCC;background-color:#f4f4f4}.calculator-inline .calculator-close{display:none}.calculator-rtl{direction:rtl}.calculator-prompt{clear:both;text-align:center}.calculator-prompt.ui-widget-header{margin:2px}.calculator-result{clear:both;margin:0;padding:2px;text-align:right;background-color:#fff;border:1px solid #CCC;font-size:110%;overflow:hidden}.calculator-result span{display:inline-block;width:100%}.calculator-result .calculator-formula{font-size:60%}.calculator-focussed{background-color:#ffc}.calculator-row{clear:both;width:100%}.calculator-space{float:left;margin:2px;width:28px}.calculator-half-space{float:left;margin:1px;width:14px}.calculator-row button{position:relative;float:left;margin:0;padding:0;height:40px;width:25%;line-height:40px;text-align:center;cursor:pointer;background:#FFF;border:1px solid #CCC}.calculator-inline .calculator-add,.calculator-inline .calculator-clear,.calculator-inline .calculator-divide,.calculator-inline .calculator-multiply,.calculator-inline .calculator-percent,.calculator-inline .calculator-plus-minus,.calculator-inline .calculator-subtract,.calculator-inline .calculator-undo{background:#EEE}.calculator-inline .calculator-equals{background:#bdea74}@-moz-document url-prefix(){.calculator-base,// Firefox .calculator-trig{text-indent:-3px}}.calculator-keystroke{display:none;width:16px;height:14px;position:absolute;left:-1px;top:-1px;color:#000;background-color:#fff;border:1px solid #CCC;font-size:80%}.calculator-angle .calculator-keystroke,.calculator-base .calculator-keystroke,.calculator-trig .calculator-keystroke{top:-2px;font-size:95%}.calculator-keyname{width:22px;font-size:70%}

.gallery-image { position: relative; display: inline-block; }
.gallery-image .delimg { position: absolute; top: 0; right: 9px; }
.sname { cursor: pointer; }


/* BEGIN CUSTOM */
.display-flex {
    display: flex !important;
}

.mrg-left-auto {
    margin-left: auto !important;
}

.email-text {
    border: 1px solid #b7b7b7 !important;
    font-size: 12px !important;
    margin: 50px 0px 0px;
}

.password-text {
    margin: 20px 0px 0px !important;
    border: 1px solid #b7b7b7 !important;
}

.footer-text {
    font-size: 12px;
    margin: 30px auto;
    text-align: center;
}

.navbar-fixed {
    background-color: #0073b7 !important;
    padding: 10px;
    position: fixed;
    width: 102%;
}

.navbar-default-bottom {
    margin-bottom: 12px !important;
}

.sidebar-menu {
    background: #2c3b41 !important;
}

.sidebar-menu .treeview-menu {
    padding-left: 0px !important;
}

.treeview-custom {
    padding: 15px !important;
}

.arrow-padding {
    padding: 5px 5px 5px 0px;
}

.sub-menu-padding {
    padding: 15px !important;
    margin-left: 5px;
}

.content-margin {
    margin-top: 20px;
}

.btn-login-custom {
    margin: 30px 0px 15px !important;
}

.img-circle-logout {
    margin: 15px 0px 10px;
    width: 100px;
    height: 100px;
}

.box-popup-logout {
    position: absolute;
    top: 50px;
    width: 250px;
    border-radius: 2px;
    padding: 15px 15px 20px;
}

.img-box-popup-logout {
    text-align: center;
    background: #ebebeb;
    border-radius: 5px;
}

.btn-warning-box-popup-logout {
    color: #f6f6f6;
    font-size: 13px;
    background: #f39c12;
    border-radius: 3px;
    padding: 5px 8px;
}

.btn-danger-box-popup-logout {
    color: #f6f6f6;
    font-size: 13px;
    background: #dd4b39;
    border-radius: 3px;
    padding: 5px 8px;
}

.text-box-popup-logout {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin: 5px 0px 20px;
    padding-bottom: 15px;
}

#user_email-error, #user_password-error {
    font-size: 10px;
    font-weight: 500;
}

.user-panel {
    background: #28363c;
    padding: 20px 10px;
}

.user-panel-text {
    font-size: 15px;
    margin-bottom: 5px;
}

.breadcrumb {
    background-color: unset !important;
    margin-bottom: 5px !important;
}

.box-count-dashboard {
    background: #f3f3f3;
    border-radius: 5px;
    box-shadow: 0px 0px 2px 1px rgb(207 207 207 / 75%);
    padding: 15px 5px 0px;
    margin: 10px 0px 20px;
}

.box-count-dashboard-grafik {
    background: #f3f3f3;
    border-radius: 5px;
    box-shadow: 0px 0px 2px 1px rgb(207 207 207 / 75%);
    padding: 25px 5px 5px;
    margin: 10px 0px 20px;
}

.box-title-dashboard {
    color: #005c92;
    text-align: right;
    font-size: 19px;
    font-weight: 600;
    border-bottom: 2px solid #c3c3c3;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

.box-shadow-grafik {
    box-shadow: 0px 0px 2px 1px rgb(217 217 217 / 75%);
}

.login-img-box {
    text-align: center;
    margin: 20px 0px -10px;
}

.login-img-front {
    width: 200px;
}

.float {
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color: #00c0ef;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index:1000;
	animation: bot-to-top 2s ease-out;
}

.float-ul-submenu {
	position: fixed;
	right: 48px;
	padding-bottom: 15px;
	bottom: 80px;
	z-index: 100;
}

.float-li-submenu {
	list-style: none;
	margin-bottom: 10px;
}

.float-a-submenu {
    width: 45px;
	height: 45px;
	background-color: #f39c12;
	color: #FFF;
	border-radius: 50px;
	text-align: center;
	box-shadow: 2px 2px 3px #999;
	display: block;
}

/* Hidden Buttons */
a.float + .float-ul-submenu {
    visibility: hidden;
}
/* Visible Buttons */
a.float:hover + .float-ul-submenu {
    visibility: visible;
    animation: scale-in 0.5s;
}
.float-ul-submenu:hover {
	visibility: visible !important;
}
/* Center icons */
.icon {
	font-size: 24px;
    margin-top: 15px;
    margin-left: 1px;
}

.icon-bg {
    color: #ffffff;
	font-size: 25px !important;
	margin-top: 18px;
}

.content-title {
    font-size: 29px;
}

.content-breadcrumb {
    font-size: 15px;
}

.content-box {
    background: #fff;
    margin: 30px -16px 0px 15px;
    padding: 20px;
    border-radius: 3px;
}

.content-box-sub-title {
    border-bottom: 2px solid #cdcdcd;
    margin-bottom: 15px;
}

.content-sub-title {
    color: #00c0ef;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.content-box-filter {
    font-size: 14px;
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 0px;
    margin: 30px 0px;
}

.table-font-size {
    font-size: 14px;
}

.box-button-right {
    text-align: right;
    margin: 5px 0px -5px;
}

.box-button-left {
    margin: 5px 0px 30px;
}

.text-left {
    text-align: left;
}

.box-purcase-total {
    background: #f7f7f7;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    margin: 10px 0px;
    padding: 10px 5px;
}
/*
 * Animations
 */
a.float i.icon{
	animation: rotate-in 0.5s;
}
a.float:hover > i.icon{
	animation: rotate-out 0.5s;
}
@keyframes bot-to-top {
    0%   {bottom: -60px}
    50%  {bottom: 40px}
}
@keyframes scale-in {
    from {transform: scale(0);opacity: 0;}
    to {transform: scale(1);opacity: 1;}
}
@keyframes rotate-in {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@keyframes rotate-out {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}
/* END CUSTOM */