@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700&subset=latin-ext");


body {
  margin: 0;
  padding: 0;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 400;
  overflow-y: scroll;
  background-color: #ececec;
  color: #102c58;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

::-webkit-input-placeholder {
  color: #c3c3c3;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}

.u-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.u-input {
  outline: 0;
  border: 1px solid #d0d0d0;
  padding: 5px 10px;
  height: 35px;
  font-size: 12px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
}

.c-badge {
  font-size: 10px;
  font-weight: 700;
  min-width: 17px;
  padding: 5px 4px;
  border-radius: 100px;
  display: block;
  line-height: 0.7;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #f91605;
}
.c-badge--header-icon {
  position: absolute;
  bottom: -9px;
}

.tooltip {
  width: 120px;
}
.tooltip-inner {
  padding: 8px 10px;
  color: #fff;
  text-align: center;
  background-color: #051835;
  font-size: 12px;
  border-radius: 3px;
}
.tooltip-arrow {
  border-right-color: #051835 !important;
}

.hamburger-toggle {
  position: relative;
  padding: 0;
  background: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  order: 1;
}
.hamburger-toggle [class*='bar-'] {
  display: block;
  background: #102c58;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .2s ease all;
  transition: .2s ease all;
  border-radius: 2px;
  height: 2px;
  width: 24px;
  margin-bottom: 4px;
}
.hamburger-toggle [class*='bar-']:nth-child(2) {
  width: 18px;
}
.hamburger-toggle [class*='bar-']:last-child {
  margin-bottom: 0;
  width: 12px;
}
.hamburger-toggle.is-opened {
  left: 3px;
}
.hamburger-toggle.is-opened [class*='bar-'] {
  background: #102c58;
}
.hamburger-toggle.is-opened .bar-top {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 15% 15%;
  transform-origin: 15% 15%;
}
.hamburger-toggle.is-opened .bar-mid {
  opacity: 0;
}
.hamburger-toggle.is-opened .bar-bot {
  -webkit-transform: rotate(45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 15% 95%;
  transform-origin: 15% 95%;
  width: 24px;
}
.hamburger-toggle:focus {
  outline-width: 0;
}
.hamburger-toggle:hover [class*='bar-'] {
  background: #f5642d;
}

.header-icons-group {
  display: flex;
  order: 3;
  margin-left: auto;
  height: 100%;
  border-left: 1px solid #cccccc;
}
.header-icons-group .c-header-icon:last-child {
  border-right: 0;
}

.c-header-icon {
  position: relative;
  display: flex;
  float: left;
  min-width: 35px;
  height: 100%;
  align-items: center;
  justify-content: center;
  line-height: 1;
  cursor: pointer;
  border-right: 1px solid #cccccc;
}
.c-header-icon i {
  font-size: 18px;
  line-height: 40px;
}
.c-header-icon--in-circle {
  border: 1px solid #d0d0d0;
  border-radius: 100%;
}
.c-header-icon:hover i {
  color: #051835;
}
.print-button:hover{
 color: #051835;
}
.print-button{
color: #337AB7;
}
.l-header {
  padding-left: 70px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  background: #ffffff;
  -webkit-transition: padding 0.5s ease-in-out;
  -moz-transition: padding 0.5s ease-in-out;
  -ms-transition: padding 0.5s ease-in-out;
  -o-transition: padding 0.5s ease-in-out;
  transition: padding 0.5s ease-in-out;
}
.l-header__inner {
  height: 100%;
  width: 100%;
  display: flex;
  height: 36px;
  align-items: center;
  justify-content: stretch;
  border-bottom: 1px solid;
  border-color: #cccccc;
}
.sidebar-is-expanded .l-header {
  padding-left: 220px;
}

.c-search {
  display: flex;
  height: 100%;
  width: 350px;
}
.c-search__input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: 0;
  flex-basis: 100%;
  height: 100%;
  border: 0;
  font-size: 14px;
  padding: 0 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.c-dropdown {
  opacity: 0;
  text-align: left;
  position: absolute;
  flex-direction: column;
  display: none;
  width: 300px;
  top: 30px;
  right: -40px;
  background-color: #fff;
  overflow: hidden;
  min-height: 300px;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 5px 14px -1px #cecece;
  -moz-box-shadow: 0px 5px 14px -1px #cecece;
  box-shadow: 0px 5px 14px -1px #cecece;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.l-sidebar {
  width: 70px;
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  bottom: 0;
  background: #102c58;
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -ms-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
}
.l-sidebar .logo {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #051835;
}
.l-sidebar .logo .logo__txt {
  font-size: 26px;
  line-height: 1;
  color: #fff;
  text-align: center;
  font-weight: 700;
padding: 4px 10px 15px 0px;
}
.l-sidebar__content {
  height: 100%;
  position: relative;
}
.sidebar-is-expanded .l-sidebar {
  width: 220px;
}

.c-menu > ul {
  display: flex;
  flex-direction: column;
}
.c-menu > ul .c-menu__item {
  color: #fff;
  max-width: 100%;
  overflow: hidden;
}
.c-menu > ul .c-menu__item__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 50px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.c-menu > ul .c-menu__item__inner:before {
  position: absolute;
  content: " ";
  height: 0;
  width: 2px;
  left: 0;
  top: 50%;
  margin-top: -18px;
  background-color: #5f9cfd;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.c-menu > ul .c-menu__item.is-active .c-menu__item__inner {
  border-left-color: #FFFFFF;
    background-color: #04152F;
}
.c-menu > ul .c-menu__item.is-active .c-menu__item__inner i {
  color: #5f9cfd;
}
.c-menu > ul .c-menu__item.is-active .c-menu__item__inner .c-menu-item__title span {
  color: #5f9cfd;
}
.c-menu > ul .c-menu__item.is-active .c-menu__item__inner:before {
  height: 36px;
  opacity: 1;
}
.c-menu > ul .c-menu__item:not(.is-active):hover .c-menu__item__inner {
  background-color: #04152F;
   border-left-color: #FFFFFF;
}
.c-menu > ul .c-menu__item i {
  flex: 0 0 70px;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.c-menu > ul .c-menu__item .c-menu-item__expand {
  position: relative;
  left: 100px;
  padding-right: 20px;
  margin-left: auto;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.sidebar-is-expanded .c-menu > ul .c-menu__item .c-menu-item__expand {
  left: 0px;
}
.c-menu > ul .c-menu__item .c-menu-item__title {
  flex-basis: 100%;
  padding-right: 10px;
  position: relative;
  left: 220px;
  opacity: 0;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.c-menu > ul .c-menu__item .c-menu-item__title span {
  font-weight: 400;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.sidebar-is-expanded .c-menu > ul .c-menu__item .c-menu-item__title {
  left: 0px;
  opacity: 1;
}
.c-menu > ul .c-menu__item .c-menu__submenu {
  background-color: #051835;
  padding: 15px;
  font-size: 12px;
  display: none;
}
.c-menu > ul .c-menu__item .c-menu__submenu li {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid;
  border-color: #072048;
  color: #5f9cfd;
}
.c-menu > ul .c-menu__item .c-menu__submenu li:last-child {
  margin: 0;
  padding: 0;
  border: 0;
}
.sidebar-is-expanded .l-main {
    padding-left: 220px;
}
main.l-main {
  width: 100%;
  height: 100%;
padding: 5px 5px 5px 70px;
  -webkit-transition: padding 0.5s ease-in-out;
  -moz-transition: padding 0.5s ease-in-out;
  -ms-transition: padding 0.5s ease-in-out;
  -o-transition: padding 0.5s ease-in-out;
  transition: padding 0.5s ease-in-out;
}
main.l-main .content-wrapper {
  padding: 0px;
  height: 100%;
}
main.l-main .content-wrapper .page-content {
  border-top: 1px solid #d0d0d0;
  padding-top: 25px;
}
main.l-main .content-wrapper--with-bg .page-content {
  background: #fff;.l-sidebar
  border-radius: 3px;
  border: none;
  padding: 10px;
}
main.l-main .page-title {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 25px;
}

.has-submenu a, .has-submenu a:hover, .is-active a, .is-active a:hover{color:#fff;text-decoration:none;}
@media(max-width:450px){
.header-icons-group {
  display: flex;
  order: 3;
  margin: 0 auto;
  height: 100%;
  border-left: 1px solid #cccccc;
}
.page-header h3{font-size:12px !important;}
}
.container {
  margin-top: 20px;
  font-family: Verdana;
}
.vk-panel {
  text-align: center;
  border-radius: 10px;
  border: 1px solid #eee;
  background-color: #eee;  
}
.vk-panel .figure {
  font-size: 24px;
  border-radius: 8px 8px 0px 0px;
}
.vk-panel .title {
  border-radius: 0px 0px 8px 8px;
  font-weight: bold;
}
.vk-panel-success {
  border: 1px solid #102C58;  
  color: white;
}
.vk-panel-success .figure{
  background-color: #102C58;
  /* border-color: #102C58; */
  box-shadow: inset 4px 4px 6px rgba(50,50,50, 0.8);
  text-shadow: -2px 2px rgba(50,50,50, 0.8);
}
.vk-panel-success .title{
  color: #102C58; 
padding:10px 0px; 
    border-top: 1px solid #102C58;
    width: 100%;
}
/*2nd Style*/
.vk-panel-success2 {
  border: 1px solid #102C58;
}
.vk-panel-success2::before {
      content: "₹ +";
    line-height: 58px;
  float: left;
  width: 40px;
  background-color: #EB3237;
  color: white;
  font-size: 32px;
  border-radius: 8px 0px 0px 8px;
  /* border-right: 1px solid #eee; */
  box-shadow: inset -2px 4px 6px rgba(50,50,50, 0.8);
  text-shadow: -2px 2px rgba(50,50,50, 0.8);
    position: relative;
}
.span_wallet{
   width: 25px;
    height: 25px;
    background: transparent;
    position: absolute;
    left: 6%;
    top: 65%;
    cursor: pointer;
}
.vk-panel-success2 .title1 {
    color: #EB3237;
    font-weight: bold;
    border-top: 1px solid #102C58;
    padding: 10px 0px;
}
/*.vk-panel-success2 .title {
  background-color: #102C58;
  color: white;
}*/
.vk-panel-success2 .figure {
  color: #102C58;  
  border-bottom: 1px solid #102C58;
}
.vk-panel-success2 .title {
  color: #102C58;  
 padding: 10px 0px;
}
.modal-header-text {
    color: #fff;
    background: #EB3237;
    text-align: center;
}
.wallet_body{display:inline-block;}
#feedback {
	position: fixed;
	left: 0;
	bottom: 0;
	height: 250px;
	margin-left: -3px;
	margin-bottom: -3px;
    z-index: 99999999999;
}
 
#feedback-form {
	float: left;
	width: 300px;
	height: 100%;
	z-index: 1000;
	padding-left: 5px;
	padding-right: 10px;
	background-clip: 'padding-box';
	border: 1px solid rgba(0,0,0,.2);
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
 
#feedback-tab {
	float: right;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	text-align: center;
	width: 120px;
	height: 42px;
	background-color: rgba(0,0,0,0.5);
	margin-top: 60px;
	margin-left: -42px;
	padding-top: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
 
#feedback-tab:hover {
	background-color: rgba(0,0,0,0.4);
}
 
#feedback-form textarea {
	resize: none;
}

[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 50%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 70%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* reset */


/* content editable */

*[contenteditable] { border-radius: 0.25em; min-width: 1em; outline: 0; }

*[contenteditable] { cursor: pointer; }

span[contenteditable] { display: inline-block; padding:5px; }

.inventory td span[contenteditable] { display: inline-block; width: 80%;
    padding: 5px; }
.inventory td span[contenteditable]:active, .inventory td span[contenteditable]:hover, .inventory td span[contenteditable]:focus {border: 1px solid #337AB7;padding:4px; }
span[contenteditable]:hover, span[contenteditable]:active, span[contenteditable]:focus { border: 1px solid #337AB7;padding:4px;}

.invoice header { margin: 0; }
.invoice header:after { clear: both; content: ""; display: table; }
.col-xs-4 span {
    width: 45%;
    margin: 0px !important;
    float: left !important;
}
.invoice h1 { background: #EC3237;
    border-radius: 0.25em;
    color: #FFF;
    padding: 10px 15px;
    font-size: 18px; }
.invoice header address { float: left; font-size: 75%; font-style: normal; line-height: 1.25; margin: 0 1em 1em 0; }
.invoice header address p { 
margin: 0 0 0.25em;
    font-size: 12.5px;
    max-width: 195px;
    box-sizing: border-box;
    overflow: hidden;
    word-wrap: break-word;}
.invoice header span, .invoice header img { display: block; float: right; }
.invoice header span { margin: 0 0 1em 1em; max-height: 25%; max-width: 60%; position: relative; }
.invoice header img { max-height: 100%; max-width: 100%; }
.invoice header input { cursor: pointer; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; }

/* article */

article, article address, table.meta, table.inventory { margin: 0 0 1em; }
article:after { clear: both; content: ""; display: table; }
article h1 { clip: rect(0 0 0 0); font-size: 25px; }
article p{font-size: 14px;font-weight:400; }

article address { float: left; font-size: 125%; font-weight: bold; }

/* table meta & balance */

table.meta { float: right; width: 36%; }
table.balance { float: right; width: 50%;    min-height: 330px; }
table.meta:after, table.balance:after { clear: both; content: ""; display: table; }
/* table meta */

table.meta th { width: 40%; }
table.meta td { width: 60%; }

/* table items */

table.inventory { clear: both; width: 100%; }
table.inventory th { font-weight: bold; text-align: left;
    padding: 0px 10px;}



/* table balance */

table.balance th, table.balance td { width: 50%;padding:2px 20px; }
table.balance td { text-align: right; }

/* aside */

aside h1 { border: none; border-width: 0 0 1px; margin: 0 0 1em; }
aside h1 { border-color: #999; border-bottom-style: solid; }

/* javascript */

.add, .cut
{
    margin: 0;
    width: 50px;
    height: 25px;
    background: #102C58;
    border-radius: 6px;
    font-size: 10px;
    padding: 6px;
    border-width: 1px;
    display: block;
    float: left;
    text-align: center;
    cursor: pointer;
text-decoration:none;
}

.cut i.fa.fa-trash-o {
    font-size: 12px;
    color: #EC3237;
    font-weight: 500;
}
.add i.fa.fa-plus-circle {
    font-size: 12px;
    color: #337AB7;
    font-weight: bold;
}
.inventory span {
    padding: 10px 0px;
    display: inline-block;
}
.inventory td {
    border: 1px solid;
    padding: 5px 5px;
    font-weight: 400;
}
.cut { -webkit-transition: opacity 100ms ease-in; opacity: 0;text-decoration:none;}

tr:hover .cut { opacity: 1; }

@media print {
	* { -webkit-print-color-adjust: exact; }
	html { background: none; padding: 0; }
	body { box-shadow: none; margin: 0; }
	span:empty { display: none; }
	.add, .cut { display: none; }
}
.btn--fn {
      background: #337AB7;
    color: #fff;
}
.btn--positive {
  background: #D60308;
    color: #fff;
}
.btn--negative {
      background: #0D920D;
    color: #fff;
}

.btn-group :first-child {
  border-radius: .25em 0 0 .25em;
}
.btn-group :first-child ~ * {
  border-radius: 0;
}
.btn-group :last-child {
  border-radius: 0 .25em .25em 0;
}
    /* Formatting search box */
    .search-box{
       width: 380px;
    position: relative;
    display: inline-block;
    font-size: 14px;
    display: block;
    padding-right: 15px;
    background: #fff;
    min-height: 100px;
    margin: auto;
    padding: 5px 5px;
    border-radius: 10px;
    }
    .search-box input[type="text"]{
        height: 32px;
        padding: 5px 10px;
        border: 1px solid #CCCCCC;
        font-size: 14px;
    }
    .result{
        position: absolute;        
        z-index: 999;
              top: 8%;
    left: 0;
    max-width: 358px !important;
    background: #D4D4D4;
    border-radius: 5px;
    margin: 4px 5px;
    }
    .search-box input[type="text"], .result{
        width: 100%;
        box-sizing: border-box;
    }
    /* Formatting result items */
    .result p{
        margin: 0;
        padding: 7px 10px;
        border: 1px solid #CCCCCC;
        border-top: none;
        cursor: pointer;
    }
    .result p:hover{
        background: #f2f2f2;
    }
#gimgdow{
background: #337AB7;
    padding: 5px;
    border-radius: 10px;
    color: #FFFFFF;
cursor:pointer;
}
#wrp{background:#fff;}
.spinner { position:relative; top:50%; }
.signature{   padding:  30px 0px;
    font-weight: 500;
    font-size: 18px;}