body{
	padding: 0 !important;
	margin: 0;
}
*{
	border-radius: 0 !important;
	font-smooth: always;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.highlight-td, .table tr:hover .highlight-td{
    background: #4fb8f9;
    color: #fff;
  }
  .highlight-red, .table tr:hover .highlight-red{
    background: rgba(255, 0, 0, 0.78);
    color: #fff;
  }
a{
	cursor: pointer;
}
.canvasjs-chart-credit{
	display: none;
}
.rfd-row{
	color: blue;
}
.table-select{
	border: none;
}

.table-icon-md{
	font-size: 16px; 
}
.img-zoom .thumbnail{
	padding: 0;
	border: none;
	background: transparent;
	transition: all 0.5s;
	margin-bottom: 10px
}
.ledger-tab-content{
	padding: 0 !important;
}
.img-zoom .thumbnail:hover{
	transform: scale(3.5);
	overflow: visible !important;
	z-index: 999;
}
.sp-pattern tr td{
	padding: 0px 3px !important;
	color: #000 !important;
}
.container{
 	border-left: solid 1px #827b7b;
 	border-right: solid 1px #827b7b;
 }
header .navbar{
	margin-bottom: 0;
	border-top: none;
	border-right: none;
	border-left: none;
}
header .navbar .navbar-header .navbar-brand{
	margin-left: 0;
}
header .navbar .navbar-right .dropdown .dropdown-toggle,
header .navbar .navbar-right li a{
	padding: 5px;
}
header .navbar .navbar-right .dropdown .dropdown-toggle img{
	float: right;
}
header .navbar .navbar-right .dropdown .dropdown-toggle .thumbnail{
	margin-bottom: 0;
	padding: 2px;
}
header .navbar .navbar-right .dropdown .user-dropdown{
	width: 240px;
	padding: 7px;
}
header .navbar .navbar-right .dropdown .notification-menu{
	width: 300px;
	padding: 0px;
}
header .navbar .navbar-right .dropdown .notification-menu li{
	font-size: 0.9em;
	padding: 5px 0px 5px 0px;
	border-bottom: dotted 1px #ccc;
}
#notifications .notification-menu li.notification-list{
	font-size: 10.2px;
	padding: 3px;
}
.notification-list{
	cursor: pointer;
}
.notification-list a{
	padding-left: 0 !important;
}
header .navbar .navbar-right .dropdown .notification-menu li:hover,
header .navbar .navbar-right .dropdown .notification-menu li:focus{
	background: #ddebf5;
}
header .navbar .navbar-right .dropdown .notification-menu .notification-header,
header .navbar .navbar-right .dropdown .notification-menu .notification-header a .fa{
	padding: 3px;
	border-bottom: none;
}
header .navbar .navbar-right .dropdown .notification-menu .notification-header:hover,
header .navbar .navbar-right .dropdown .notification-menu .notification-header:focus{
	background: transparent !important;
}
header .navbar .navbar-right .dropdown .notification-menu .divider{
	margin: 0;
	padding: 0;
}
.notification-header a{
	font-size: 0.8em;
	color: #006DC3 !important;
}
header .navbar .navbar-right .dropdown .dropdown-menu .thumbnail{
	padding: 3px;
	margin-bottom: 0;
}
header .navbar .navbar-right .fa{
	font-size: 1.3em;
	padding: 11px;
}
header .dropdown-menu .thumbnail span{
	font-size: 0.6em;
	width: 100%;
	text-align: center;
	display: block;
	padding: 2px 0px 2px 0px;
	background: rgba(69,140,212,0.5);
	display: none;
	top: 75%;
    width: 80%;
    position: absolute;
	visibility: hidden;
	transition: all 0.5s;
}
header .dropdown-menu .thumbnail:hover span{
	display: block;
	visibility: visible;
}
.top-nav{
    background: #f0f0f0;
    border-bottom: 1px solid #827B7B;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-bottom: 5px;
  }
  .top-nav ul li a{
    background: rgba(0, 0, 0, 0) linear-gradient(#e1e1e1, #cbcbcb) repeat scroll 0 0;
    text-align: center;
    padding: 5px 15px;
    border-left: 1px solid #827B7B;
    font-size: 12px;
    color: #333 !important;
  }
  .top-nav .dropdown ul li a{
  	background: transparent;
  	text-align: left;
  	border: none;
  }
.round{
	border-radius: 100%;
}
.user-photo{
	/*background: url(../img/user.jpg) no-repeat;*/
	background-size: cover;
	width: 40px;
	height: 40px;
	
}
.dropdown-menu .user-info a{
	font-size: 0.8em;
	padding: 0px !important;
}
.dropdown-menu .user-info p{
	font-size: 0.9em;
	margin: 0px;
}
.help{
	background: url(../icons/help.png) no-repeat;
	background-size: 100%;
	width: 40px;
	height: 40px;
}
.unread{
	background: #CCD3DA !important;
	font-weight: 600;
	border-bottom: dotted 1px; 
}
.account-info .thumbnail{
	padding: 2px;
	margin-bottom: 0;
}
.right-section{
	padding-top: 10px
}
aside.list-group{
	margin-bottom: 0;
}
.sidebar{
	font-weight: 600;
}
.side-nav-bg{
	background: #f0f0f0;
    height: 100vh;
    border-right: solid 1px #827B7B;
}
aside div.list-group-item{
	/*border-right: solid 1px #827b7b;*/
}
aside a.list-group-item{
	border-top: solid 1px #827b7b;
	/*border-right: solid 1px #827b7b;*/
	/*margin-bottom: 0;*/
	padding: 4px 12px; 
}
.nav-count {
    float: right;
    display: inline-block;
    background: red;
    color: #fff;
    padding: 3px 5px;
    min-width: 23px;
    height: 23px;
    border-radius: 16px !important;
    font-size: 12px;
    text-align: center;
}
aside .account-info{
	background: #F0F0F0 !important;
	border-top: none;
}
.pagination>li>a{
	padding: 2px 10px;
}
.th{
	text-align: center;
	font-size: 0.8em;
	border: solid 1px #827b7b;
	background: linear-gradient(#F5F5F5,#DADADA) !important;
	/*background: url(../img/th-bg-gray.png) !important;*/
	font-weight: bold;
}
.th:hover{
	text-decoration: none;
	background: linear-gradient(#F5F5F5,#DADADA) !important;
	/*background: url(../img/th-bg-gray.png) !important;*/
}
.th img{
	width: 60%;
}
.panel .fa{
	font-size: 1.2em;
	padding: 3px;
	cursor: pointer;
}
.panel-heading{
	padding: 7px 10px;
}
.events-calendar{
	padding: 0px
}
.recent-activity{
	height: 300px;
	padding: 0px;
	transition: all 0.5s;
}
.recent-activity i{
	font-size: 10px
}
.activity-contents{
	height: 279px;
	padding: 0px 5px;
}
.modal-header{
	background: 5px 10px;
}
.mCSB_inside > .mCSB_container{
	margin-right: 0;
	overflow: visible;
}
.activity{
	border-bottom: 1px dotted #ccc;
	padding-top: 5px;
	cursor: pointer;
}
.activity .fa{
	font-size: 0.8em;
}
.activity .thumbnail{
	padding: 3px;
	margin-bottom: 0;
}
.activity p, .activity b{
	font-size: 0.8em;
}
.activity p i{
	font-size: 0.9em;
}
.form-control{
	height: 30px
}
.form-control:focus{
	background-color: rgba(79, 184, 249, 0.31) !important;
}
textarea{
	height: auto !important;
}
.form-horizontal label{
	font-size: 12px;
}
.breadcrumb{
	padding: 4px 10px;
	border: solid 1px #827b7b;
	margin-bottom: 10px;
}
.search-field{
	border: solid 1px #827b7b;
}

.word-break{
	word-break: break-all;
}

.field-loading{
	background: url(../img/loading.gif) no-repeat;
	background-position: right;
	background-size: 10%;
	background-color: #fff
}
.btn-xs{
	padding: 4px 7px;
	font-size: 0.8em;
}
.modal-header{
	padding: 7px 15px;
}
.modal-title{
	font-size: 14px;
}
.modal-footer{
	padding: 5px;
}
.inv-modal .modal-dialog {
  width: 800px;
  margin: 30px auto;
}
.filters{
	border: solid 1px #827b7b;
	padding: 7px;
	margin-bottom: 10px;
	transition: all 0.5s;
}
.inv-header{
	background: url(../img/print-header-bg.jpg) !important;
	background: #2f609e;
	padding: 10px;
	color: #fff; 
}
.inv-header p{
	font-size: 9px;
	margin-bottom: 0;
}
.modal-md{
	width: 800px
}
.modal-lg{
	width: 960px
}
.modal-xl{
	width: 1152px;
	/*width: 98%;*/
	margin: 12px auto;
}
.invoice-contents h4, .invoice-contents h5{
	margin-bottom: 0px
}
.invoice-contents p{
	font-size: 10px;
}
.invoice-contents h5 b{
	margin-bottom: 12px;
	font-size: 12px; 
	display: block;
}
.modal-body table{
	font-size: 10px;
}
/*.invoice-contents .table tbody tr:last-child{
	height: 300px;
	vertical-align: top
}*/
.invoice-contents .table tbody tr td{
	/*height: 30px;*/
	vertical-align: top
}
.ledger-print-preview h3{
	font-weight: bold;
	margin: 0;
	font-size: 19px;
}
.ledger-print-header{
	background: #2f609e;
	padding: 10px;
	color: #fff; 
}
.ledger-print-header p{
	font-size: 10px;
	margin-bottom: 0;
}
.recpt-header{
	background: #2f609e;
	padding: 10px;
	color: #fff; 
}
.recpt-header h3{
	margin-top: 0px;
	margin-bottom: 0px;
}
.recpt-header p{
	font-size: 10px;
	margin-bottom: 0;
}
.recpt-title{
	background: #0093dd;
	color: #fff;
	display: inline-block;
	padding: 7px 15px;
}
.recpt-contents{
	/*background: url(../backgrounds/recpt-bg.png);*/
	/*padding-bottom: 10px*/
}
.recpt-contents p{
	margin-bottom: 0;
}
.recpt-details{
	margin-bottom: 7px;
}
.recpt-txt{
	border-bottom: 1px solid #333 !important;
}
.recpt-footer{
	text-align: center;
	background: #3d5597;
	color: #fff;
}
.col-lgr-blnc{
	background: #e9eafc;
}
.col-lgr-crdt{
	background: #e8fdf5;
}
.col-lgr-debt{
	background: #e9f9fc;
}
.ledger-header h4{
	margin-bottom: 3px;
	margin-top: 0px
}
.ledger-header b{
	font-size: 12px;
}
.ledger-header b i{
	color: #47961d;
}
.permissions{
	font-size: 12px
}
.permissions div b{
	background: #ccc;
	display: block;
	padding: 2px 5px;
}
.permissions .checkbox label {
  min-height: 20px;
  padding-left: 0px;
  margin-bottom: 6px;
  font-weight: normal;
  cursor: pointer;
}
.user-profile .list-group .list-group-item{
   padding: 3px 5px;
}
.user-profile .form-group{
	font-style: italic;
	font-size: 12px;
}
.user-profile .form-group label{
	/*font-weight: bold;*/
	font-style: normal;
}
.user-profile h4{
	border-bottom: dotted 1px #333;
	padding-bottom: 7px; 
}
.user-profile .form-group{
	  margin-bottom: 0px;
	  line-height: 20px;
	  padding-top: 6px;
}
.user-profile .form-group:nth-child(odd){
	  background: #f0f0f0
}
.panel-body h4 .fa{
	padding: 0;
	font-size: 0.8em;
}
footer{
	text-align: center;
	padding: 7px;
}
.well-sm{
	padding: 5px;
	margin-bottom: 0px;
	margin-top: 5px;
}
.permissions-panel .panel{
	margin-bottom: 5px;
}
.permissions-panel .panel-default{
	border-color: #e3e3e3;
	border-top: none;
}
.user-profile .permissions-panel .form-group:nth-child(odd){
	  background: transparent;
}
.permissions-panel .resp-tabs-list li {
	padding: 6px 10px;
	font-size: 12px;
}
.permission-panel .resp-tabs-list .resp-tab-active {
	padding: 6px 10px !important;
	font-size: 12px;
}
.edit-permissions{
	border: solid 1px #333;
	background: #E4E4E4;
	padding-bottom: 6px;
}
.range-perm{
	  margin-top: 10px;
	  border: solid 1px #a0c4ed;
	  padding: 6px;
	  background-color: #EAF3FE;
	  margin-left: 3px;
}
.radio+.radio, .checkbox+.checkbox{
    margin-top: 10px;
}
label i{
	color: red;
}
.user-view-options a span{
	border: solid 1px;
	padding: 5px;
	width: 100%;
	text-align: center;
	transition: all 0.5s;
}
.user-view-options a span:hover{
	border-radius: 100% !important;
}
.form-group span{
	font-size: 12px;
	/*font-style: italic;*/
}
 #usersList tr td{
    text-align: center;
  }
 #accountsTable tr td{
    text-align: center;
  }
  #accountsTable tr td:nth-child(4){
    text-align: left;
  }
/*=====  General layout  =====*/
.block{
	display: block !important;
}
.inline{
	display: inline !important;
}
.inline-block{
	display: inline-block !important;
}
.align-right{
	text-align: right;
}
.align-left{
	text-align: left;
}
.margin-0{
	margin: 0;
}
button a{
	color: #fff;
}
button a:hover{
	color: #fff;
	text-decoration: none;
}
.center{
	text-align: center
}
.view-all{
	text-align: center;
	font-size: 0.8em;
  	padding: 3px 0px; 
}
.notification-menu .view-all{
	text-align: center;
	font-size: 0.8em;
  	padding: 0px; 
}
.notification-menu::before{
	content: "";
	width: 0px;
	height: 0px;
	border-top: solid 8px transparent;
	border-left: solid 8px transparent;
	border-right: solid 8px transparent;
	border-bottom: solid 8px #fff;
	position: absolute;
	top: -16px;
	right: 16px;
}
.count{
    border-radius: 2px;
    color: #fff;
    font-size: 0.8em;
    height: 16px;
    left: 50%;
    top: 10%;
    padding: 0 0 19px;
    position: absolute;
    text-align: center;
    width: 19px;
}
.count-success{
	background: none repeat scroll 0 0 #1f9604;
}
.count-danger{
	background: none repeat scroll 0 0 #ef6756;
}
.info-field{
	background: #9ae3f9 !important;
}
.danger-field{
	background: #f83f41 !important;
	color: #fff;
}
.success-field{
	background: #65D45E !important;
}
.warning-field{
	background: #F8BF3F !important;
}
.table{
	font-size: 0.8em;
	font-weight: 600;
}
.sub-thead td{
	font-weight: bold;
	background: #999;
}
.sub-thead:hover{
	background: #999 !important;
}
table tr td{
	font-weight: bold !important;
}
.table>thead>tr>td, .table>tfoot>tr>td{
	padding: 3px 4px;
	vertical-align: middle;
}
.table-condensed {
	font-weight: bold !important;
}
.table>tbody>tr>td{
	padding: 3px 4px;
	vertical-align: middle;
}
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td{
	border: solid 1px #000;
}
.table>tbody>tr>td>a>.fa{
	padding: 0px 2px 0px 2px;
	font-size: 1.2em
}
.table > tbody > tr > td > a{
	text-decoration: none;
}
.table > thead > tr > td > a{
	color: #fff;
	text-decoration: none;
}
.breadcrumb li a:hover{
	text-decoration: none;
}
.table>tbody>tr>td.col-indent{
	padding-left: 20px;
}
.modal-content .close{
	opacity: 100;
	margin-top: 2px;
	background: url(../icons/close.png) no-repeat;
	width: 25px;
	height: 25px;
}
.modal-header {
    padding: 5px 7px;
}
.modal-title img{
	width: 4%;
}
.vlin-middle{
	vertical-align: middle
}
.transparent{
	background: transparent !important;
}
.margin-0{
	margin: 0;
}
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 0;
}
label{
	font-weight: normal;
}
.popover-content {
  padding: 5px;
}
.popover-content table{
	margin-bottom: 0;
}
.modal-body table{
	margin-bottom: 0;
}
.dropdown-form{
	padding: 7px;
}
.dropdown-form .form-control{
	margin-bottom: 5px;
}
.sub-right-nav .fa{
	font-size: 10px;
	width: 10%
}
.permissions-panel .form-control{
	height: 25px;
	padding: 0px 4px;
	font-size: 11px;
}
.seperator{
	border-top: solid 1px #999;
}
.permissions-panel b{
	display: block;
	padding: 3px;
	background-color: #DAE4ED;
	color: #000;
}
.pagination li {
	cursor: pointer;
}
.form-striped .form-group{
	padding-bottom: 7px;
	margin-bottom: 0 !important;
}
.form-striped .form-group:nth-child(odd) {
    background: #f0f0f0;
}
.activity-tabs .resp-tabs-list li {
    padding: 3px 10px;
    font-size: 12px;
    margin-right: 3px;
    border-bottom: none;
}
.activity-tabs .resp-tab-content{
	padding: 5px;
}
.activity-tabs h3{
	margin-top: 10px;
}
.log-table tr td{
	vertical-align: middle;
}
.table tr td .thumbnail{
	margin-bottom: 0;
	padding: 1px
}
.align-left{
	text-align: left;
}
.modal-header .btn{
	border: solid 1px #fff;
}
.modal-header{
	cursor: move;
}
.navbar .mini-submenu{
		display: none;
	}

/*=====  General layout  =====*/
/* Extra small devices (phones, less than 768px) */
@media (max-width: 786px) { 
	header .navbar .navbar-right .dropdown .user-dropdown,
	header .navbar .navbar-right .dropdown .notification-menu{
		width: 100%;
	}
	.th{
	margin-bottom: 10px;
	}
	.th-dropdown{
		margin-top: -10px;
	}
	.fixToTop{
		width: 100%;
	}
	.navbar .mini-submenu{
		display: inline-block;
	}
	aside{
		display: none;
	}
	.account-info{
		display: none;
	}
	.nav li {
		display: inline-block;
	}
	.navbar-nav{
		margin:0px;
	}
	.navbar .mini-submenu{
		position: absolute;
		top: 5px;
	}
	.search-field{
		margin-bottom: 10px;
	}
	#notifications .dropdown-menu{
		cursor: pointer;
		right: -39px;
		min-width: 310px;
		left: auto;
	}
	#notifications a:focus {
		display: inline-block;
		width: auto
	}
	.notification-menu li{
		display: block;
	}
	.notification-menu::before{
		right: 52px;
	}
	.approval-btns a{
		padding: 5px;
		font-size: 15px;
	}
	.navbar-nav .open .dropdown-menu{
		background: #fff;
	}
	.navbar-nav .open .dropdown-menu{
		position: absolute;
	}
	.filters:not(.reciept_for_print){
		display: none;
	}
	.notification-header .fa-close{
		font-size: 18px;
	}
	.th{
	margin-bottom: 10px;
	}
	.th-dropdown{
		margin-top: -10px;
	}
	.fixToTop{
		width: 24%;
	}
	.modal-md .modal-content{
		width: 770px;
	}
	.normal-ledger-content{
		display: block !important;
	}
	.ledger-tabs .resp-accordion{
		display: none;
	}
	
 }
 /* mobile portrat only */
 @media (max-width: 385px) { 
 	.modal-md .modal-content, .modal-lg .modal-content{
		width: 340px;
		overflow-x: scroll;
	}
	.recpt-contents, .edit_bank_receipt_form, .edit_bank_payment_form, #replace_forupdate{
		width: 800px;
	}
	.tkt-inv, .updt_inv_popup{
		width: 1100px;
	}
 }
 /* media query for iphone 6 */
/*@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 
	.modal-md .modal-content{
		width: 320px;
		overflow-x: scroll;
	}
	.recpt-contents{
		width: 800px;
	}
}*/

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.th{
	margin-bottom: 0px;
	}
	.th-dropdown{
		margin-top: 0;
	}
	.fixToTop{
		width: 18%;
	}
 }
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.th{
	margin-bottom: 0px;
	}
	.thumbnail{
	margin-bottom: none;
	}
	.th-dropdown{
		margin-top: 0;
	}
	.th span.visible-lg{
		display: inline-block !important;
	}
 }
 .test{
 	background: #ccc;
 }
input[name="account-chart"]{
 	border: solid red !important;
 	display: block;
 	width: 200px;
 }
@media print {
body {-webkit-print-color-adjust: exact;}
.inv-header{
	background: url(../img/print-header-bg.jpg);
	background: #2f609e;
	padding: 10px;
	color: #fff; 
}
}
.login-bg{
	background: url(../backgrounds/login-bg-3.jpg);
	background-size: cover;
}
.card-container.card {
    max-width: 350px;
    padding: 30px 30px;
    margin-top: 12%;
    margin-bottom: 8%;
    box-shadow: 1px 1px 2px #333
}
.btn {
    /*font-weight: 700;
    height: 36px;*/
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
}
/*cross button on auto complet start*/
.close-icon {
          border:1px solid transparent;
          background-color: transparent;
          display: inline-block;
          vertical-align: middle;
          outline: 0;
          cursor: pointer;
        }
        .close-icon:after {
          content: "X";
          display: block;
          width: 17px;
          height: 17px;
          position: absolute;
          background-color: #cc2f24;
          z-index:1;
          right: 7px;
          top: -19px;
          bottom: 0;
          margin: auto;
          padding: 1px;
          border-radius: 50%;
          text-align: center;
          color: white;
          font-weight: normal;
          font-size: 12px;
          box-shadow: 0 0 2px #E50F0F;
          cursor: pointer;
        }
        .close-icon-inv {
          border:1px solid transparent;
          background-color: transparent;
          display: inline-block;
          vertical-align: middle;
          outline: 0;
          cursor: pointer;
        }
        .close-icon-inv:after {
          content: "X";
          display: block;
          width: 17px;
          height: 17px;
          position: absolute;
          background: linear-gradient(#f93332,#ac0505);
          z-index:1;
          right: 7px;
          top: 2px;
          bottom: 0;
          margin: auto;
          padding: 1px;
          border-radius: 0;
          text-align: center;
          color: white;
          font-weight: normal;
          font-size: 12px;
          box-shadow: 0 0 2px #E50F0F;
          cursor: pointer;
        }
/*cross button on auto complet end*/

/*
 * Card component
 */
.card {
    background-color: rgba(247,247,247,0.8);
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 50px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.profile-img-card {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% !important;
}
/*
 * Form styles
 */
.profile-name-card {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0;
    min-height: 1em;
}
.reauth-email {
    display: block;
    color: #404040;
    line-height: 2;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin #inputEmail,
.form-signin #inputPassword {
    direction: ltr;
    height: 44px !important;
    font-size: 16px !important;
}
.form-signin input[type=email],
.form-signin input[type=password],
.form-signin input[type=text],
.form-signin button {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus {
    border-color: rgb(104, 145, 162);
    background-color: rgba(79, 184, 249, 0.31) !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
}
.btn.btn-signin {
    /*background-color: #4d90fe; */
    background-color: rgb(104, 145, 162);
    /* background-color: linear-gradient(rgb(104, 145, 162), rgb(12, 97, 33));*/
    padding: 0px;
    font-weight: 700;
    font-size: 14px;
    height: 36px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
}
.btn.btn-signin:hover,
.btn.btn-signin:active,
.btn.btn-signin:focus {
    background-color: rgb(12, 97, 33);
}
.forgot-password {
    color: rgb(104, 145, 162);
}
.forgot-password:hover,
.forgot-password:active,
.forgot-password:focus{
    color: rgb(12, 97, 33);
}
/*=======Buzz out animation=======*/
    /* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz-out-active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.alert{
	padding: 0;
	margin-bottom: 0;
	background: none;
	border: none;
}
.alert-success{
	color: #51B404;
}
.alert-danger{
	color: #DB1500;
}
.input-btn{
	padding: 3px 0px 3px 7px;
}
.input-btn input[type=submit]{
	background: none;
	border: none;
}
.resp-tabs-list li{
	padding: 8px 15px;
}
.error{
	color: red;
}
input.error{
	border: solid 1px red !important;
}
label.valid{
	display: none;
}
label.error {
    background: url('../img/unchecked.gif') no-repeat;
    padding-left: 16px;
    margin-left: 0.3em !important;
    /*position: absolute;*/
}
table{
	font-weight: 600 !important;
}
/*.table-striped > tbody > tr:nth-child(2n+1) > td, 
.table-striped > tbody > tr:nth-child(2n+1) > th {
    background: #E4E5E5 !important;
}*/
.table-striped tbody tr:nth-of-type(odd){
    background-color: #ebecec;
}
.table-hover > tbody > tr:hover > td{
	background: #D3E8F9;
}
.change-photo{
	background: rgba(224,220,220,0.7);
	position: absolute;
	top: 8%;
	width: 90%;
	padding: 5px;
	display: none;
	cursor: pointer;
  }
.profile-pic:hover .change-photo{
	  display: block;
	  transition: all 0.5s;
}
/*data table css start*/
div.dataTables_wrapper div.dataTables_processing {
   		top: 5%;
   		font-weight: bold;
	}
/*data table css END*/

/* validations  */
#field{margin-left:.5em;float:left;}
/*#field,label{float:left;font-family:Arial,Helvetica,sans-serif;font-size:small;}*/
br{clear:both;}
/*input{border:1px solid black;}*/
input.error{border:1px solid red;}
label.error{background:url('../img/unchecked.gif') no-repeat;padding-left:16px;margin-left:.3em;}
label.valid{background:url('../img/checked.gif') no-repeat;display:block;width:16px;height:16px;}
/* validations  */
.loader{
	background: #fff;
	border-radius: 10px !important;
	border: solid 1px #333;
	padding: 10px;
    position: absolute;
    z-index: 999999999;
    top: 40%;
    left: 46%;
    width: 150px;
    height: 130px;
    text-align: center;
}
.loding-state{
	opacity: 0.5;
}
.bootstrap-switch{
	border-color: #000;
}
    .mini-submenu{
  display:none;  
  background-color: rgba(0, 0, 0, 0);  
  border: 1px solid rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  padding: 9px;  
  /*position: relative;*/
  width: 42px;
}
.mini-submenu:hover{
  cursor: pointer;
}
.mini-submenu .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  margin-top: 3px;
}
.mini-submenu .icon-bar {
  background-color: #000;
}
#slide-submenu{
  background: rgba(0, 0, 0, 0.45);
  display: inline-block;
  padding: 7px 10px;
  border-radius: 4px;
  cursor: pointer;
}
/*22-10-2015 11:15 AM For Invoice View*/
.invoice-record{
    vertical-align: top !important;
    height: 500px;
  }
  .invoice-record td{
    vertical-align: top !important;
  }
  .invoice-bg-table{
/*    position: absolute;
    width: 95.5%;
    z-index: 0;*/
  }
/* 31-10-2015 For Ledger Popup Table Body */
.div-table-content {
  height:150px;
  overflow-y:auto;
}
/* 16-11-2015 09:30 AM; Ledger Row Color For Inv, Rfd, BR, CR, BP and CP*/
.led-pending-inv {
    /*color: #B97310;*/
    color: #8F0808;
    background: transparent;
}
.led-clear-inv {
    color: #47961d;
    background: transparent;
}
  .print-only{
    display: none;
  }
  .print-only-table{
  	display: none;
  }
	.cash-receipt table tr td{
		height: 27px !important;
	}
	.bank-receipt table tr td{
		height: 16px !important;
	}
	.cash-payment table tr td{
		height: 24px !important;
	}
	.bank-payment table tr td {
		height: 20px !important;
	}
	.small-table tr td{
	font-size: 9px !important;
	}
  .grand-total{
  	font-size: 12px !important;
  }
  input[type=text]{
  	text-transform: uppercase;
  }
  input[type=email]{
  	text-transform: lowercase;
  }
    input[type=password],#userPassword{
  	text-transform: none;
  }
  .userName_input{
  	text-transform: none !important;
  }
  .userpassword_input {
  	text-transform: none !important;
  }
  .xdsoft_datetimepicker{
  	border: solid 2px #0572b6;
  }

/*== image magnify ==*/
  .magnify {
  position: relative;
  display: inline-block;
}
.magnify .magnify-lens {
  /* Create the magnifying lens */
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 100% !important;
  /* Multiple box shadows to achieve the glass lens effect */
  -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25),
    inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25),
    inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  /* Hide the mouse pointer */
  cursor: none;
  /* Hide the lens by default */
  display: none;
  /* Place the lens on top of other elements */
  z-index: 100;
}
.magnify .magnify-lens.loading {
  background: #333 !important;
  opacity: 0.75;
}
.magnify .magnify-lens.loading:after {
  /* Loading text */
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  color: #fff;
  content: 'Loading...';
  font: italic normal 16px/1 Calibri, sans-serif;
  text-align: center;
  text-shadow: 0 0 2px rgba(51, 51, 51, 0.8);
  text-transform: none;
}

/*== image magnify ==*/

  @media print{
    .print-only{
      display: block;
      /*visibility: visible;*/
    }
    .print-only-table{
    	display: table;
    }
    .print-only-td{
      display: inline-block;
      /*visibility: visible;*/
    }
    .no-print{
      display: none;
    }
    table thead{
    	background: #CBCBCB
    }
    .print-table tr td{
	  	font-size: 8px !important;
	  }
	.print-table .grand-total td{
	  	font-size: 12px !important;
	  }
	.sale-reg-prnt-tbl tr td{
		font-size: 7px !important;
	}
	.sale-reg-prnt-tbl thead {display: table-header-group;}
	.sale-reg-prnt-tbl tfoot {display: table-footer-group;}
	.small-tbl tr td{
          font-size: 8px !important;
        }
  } /*end @media print*/
  /* tablesorter css start */
  @media screen{
     table.tablesorter thead th{
       cursor: pointer;
       background-image: url('../img/updown.png') !important;
       background-repeat: no-repeat;
      background-position: right center;
      margin-right: 10px;
     }
  /*    table.tablesorter thead th {
      background-image: url(assets/img/bg.gif);
      background-repeat: no-repeat;
      background-position: center right;
      cursor: pointer;
  } */
    table.tablesorter .tablesorter-headerDesc {
       background-image: url('../img/down.png') !important;
       background-repeat: no-repeat;
        background-position: right center;
        margin-right: 10px;
    }
    table.tablesorter .tablesorter-headerAsc {
       background-image: url('../img/up.png') !important;
       background-repeat: no-repeat;
        background-position: right center;
        margin-right: 10px;
    }
}
  /* tablesorter css end */