/*******************************************************************************
* Md Invoice System                                             *
*                                                                              *
* Version: 1.0                                                               *
* Author: Abhishek Raj                                   				   *
*******************************************************************************/

body {
	padding: 0; 
	background-color: #605ca8;
}

.btn-primary{
	background-color: #9966cc;
	border-color: #9966cc;
}

.btn-primary:hover{
	background-color: #993399;
	border-color: #993399;
}

.btn-danger{
	background-color: #9966cc;
	border-color: #9966cc;
}

.btn-danger:hover{
	background-color: #993399;
	border-color: #993399;
}

.btn-success{
	background-color: #009966;
	border-color: #009966;
}

.panel-login{
	background-color: #ffffff!important;
	/*box-shadow: 5px 0px 77px #333;*/
}

.clear { 
	clear: both;
}

.login-panel{
	box-shadow: 5px 0px 77px #333;
	margin-top: 150px;
}

.panel-body {
	padding: 30px 30px 15px 30px;
}

.panel-heading{
	padding: 15px 30px 15px 30px;
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.margin-bottom {
	margin-bottom: 1em;
}

.margin-top {
	margin-top: 1em;
}

.padding-right {
	padding-right: 15px;
}

.no-padding-right {
	padding-right: 0;
}

.no-margin-bottom {
	margin-bottom: 0;
}

.user {
	margin-top: 8px;
	margin-right: 10px;
}

/* Forms */
input.shipping {
	text-align: right;
}
.custom_email_textarea {
	width: 100%;
}
#invoice_status,
#invoice_type {
	margin-top: 23px;
}

.invoice_product_qty {
	width: 50px;
	text-align: center;
}
.invoice_type {
	text-transform: uppercase;
}

.select-customer {
	margin-top: 10px;
}

.delete-row {
	float: left;
	margin-top: 4px;
}

.item-select {
	float: left;
	margin: 4px;
}

.item-input {
	float:  left;
	width: 65%;
	margin-left: 10px;
}

.textarea {
	width: 100%;
}

.textarea textarea {
	width: 100%;
	padding: 10px;
	resize: none;
}

/* Other styles */
strong.shipping {
	margin-top: 4px;
	display: block;
}

/* Progress bar */
.progress .bar {
	display: block;
	height: 20px;
}
.error-list {
	display: none;
}
.progress.progress-danger .bar {
	background-color: #c13333;
}
.progress.progress-warning .bar {
	background-color: #c1bf33;
}
.progress.progress-success .bar {
	background-color: #33c133;
}


.login-form{
	margin-top: 100px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}
.back{
    background:black;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .css{
      overflow-x: auto;
  }
  .css1{
      display:none;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .css{
      overflow-x: inherit;
      
  }
  .css1{
      display:none;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .css{
      overflow-x: inherit;
  }
  .css1{
      display:block;
  }
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .css{
      overflow-x: inherit;
  }
  .css1{
      display:block;
  }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .css{
      overflow-x: inherit;
  }
  .css1{
      display:block;
  }
}