.delete-wpr { position: relative; /* right: 7px; */}

.input-noshow {
  border-color:#fff;  
}

.shadow {
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.13); /* drop shadow */
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.13); /* drop shadow */
  box-shadow: 0 0 5px rgba(0,0,0,.13); /* drop shadow */
}

.prev_container {
  overflow: auto;
  width: 300px;
  height: 175px;
}

.prev_thumb {
  margin: 10px;
  height: 150px;
}

.invoice-page {
	border-top: 1px solid #d5d3d3;
  /* -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; */
  background-color:#fff; 
  padding: 25px 0; 
}

.subView {
  margin-right:10px;
}

.invoice-logo {
  width:225px; 
  height:150px;
}

.delete-logo {
  display:none; 
  margin-top:10px;
}
.invoice-data-td {
    border: 0 none;
}
#invoice_data {
    margin-top: 20px;
}
#invoice_data .table tbody tr,
#invoice_data .table tbody tr td {
    border: 0 none;
    line-height: 35px;
    padding: 0;
    margin: 0;
}
.invoice-data-td strong {
  line-height:35px; 
}
.text-align-right {
  text-align:right;
}
.invoice-total {
  line-height:76px;
}

.nav-blue {
    background-color: #10acd5;
    border: 0 none;
    line-height: 36px;
    min-height: 36px;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    border-radius: 0;
	position: relative;
	z-index: 1000;
}

@media only screen and (max-width: 480px) {
	.page-header.continaer_other {
		margin-top: 0;
	}
	.nav-blue .container {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 768px) {
	.nav-blue {
   		height: 36px;
	}
}

.nav-blue .navbar-collapse {
    padding: 0;
}

.container > .navbar-header, .container > .navbar-collapse {
	margin: 0;
}

.nav-blue .icon {
    position: relative;
    vertical-align: middle;
}
.nav-blue .nav > li {
   margin-top: 0;
}
.nav-blue .nav > li:last-child {
    border: 0 none;
}
.nav-blue .nav > li:first-child {
    border-left: 0 none;
}
.nav-blue .nav > li a:hover,
.nav-blue .nav >li:hover:before,
.nav-blue .nav li.active,
.nav-blue .nav li.active:hover
{
    color: #fff!important;
    background-color: #0f85b3!important;
}
.nav-blue .nav > li a:hover,
.nav-blue .nav >li:hover:before
{
    color: #fff!important;
    background-color: #1099c4!important;
}

.nav-blue .nav >li.active a {
    background: transparent;
}
.nav-blue .nav > li a,
.nav-blue .nav > li .text
{
    height: 36px;
    line-height: 36px;
    margin-top: 0;
    padding: 0 25px;
    font-size: 14px;
}
.nav-blue .nav > li i {
	font-size: 11px;
	padding-left: 3px;
}
.nav-blue .dropdown-menu {
   background-color : #16678a;
}

.nav-blue .nav.navbar-nav {
	margin: 0 10px;
}

.dropdown-menu > li > a {
	font-size: 12px !important;
    color: #fff !important;
}
	.dropdown-menu > li > a span {
		font-size: 11px;
		padding-right: 2px;
		margin-top: -2px;
	}
.nav-blue .nav-right li {
    border: 0 none;
}
.nav-blue .nav > li .text {
    color: #fff;
}

.nav-blue .navbar-nav > .open > a, .nav-blue .navbar-nav > .open > a:hover, .nav-blue .navbar-nav > .open > a:focus {
    background: rgba(0,0,0,0.2);
}
#copyright a {
    color: #888888;
}

@media screen and (max-width: 940px) {
    .nav-blue {
        float: none;
    }
    .nav-blue .icon-dropdown {
        background-position: -198px -26px;
    }
    .nav-blue .icon-clients {
        background-position: -70px -84px;
    }
    .nav-blue .icon-usr {
        background-position: 0 -84px;
    }
    .nav-blue .icon-goods {
        background-position: -103px -84px;
    }
	.nav-blue .icon-account {
       background-position: 0 5px;
    }
    .nav-blue .icon-settings {
        background-position: 0 -71px;
    }
    .nav-blue {
        background: transparent;
    }

    .nav-blue .nav-right {
        float: left!important;
    }
    .nav-blue .nav-right li {
        border: 0 none!important;
    }

    .nav-blue .navbar-toggle {
        margin-top: 2px;
        margin-right: 30px;
    }
    .nav-blue > .container {
        padding: 0;
    }
    .nav-blue .navbar-nav li a,
    .nav-blue .navbar-nav li span,
    .nav-blue .nav > li .text,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a{
        color: #6a6a6a;
    }

    .nav-blue .navbar-nav li a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
        color: #000!important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        padding-left: 10px;
        line-height: 30px;
    }
    
    .nav-blue .navbar-collapse {
        background-color: #eaeaea;
        float: left;
        width: 100%;
        margin: 0;
        position: relative;
        /*top:-10px;*/
        top: 0;
        color: #000;
    }
    .nav-blue .dropdown-menu li a{
        color: #fff!important;
    }
    .navbar-header {
        background-color: #199bcd;
        border: 0 none;
        height: 38px;
        line-height: 38px;
        min-height: 38px;
        padding: 0;
        margin: 0;
    }
}

@media screen and (max-width: 768px) {
	.nav-blue .nav > li a,
	.nav-blue .nav > li .text
	{
		font-size: 14px !important;
	    padding: 0 16px;
	}
}
@media screen and (min-width: 768px) {
 	.nav-blue .navbar-collapse {
        float: none;
        width: 100%;
        top: 0;
    }
}

textarea.form-control {
    border: 1px solid #d5d3d3;
    color : #808080 !important;
    padding-left : 8px;
}

select.input-sm {
    color : #808080 !important;
}
.pt10 {
    margin-top: 30px;
}


.datepicker-days {
    padding: 15px;
}

.col-md-45 {
    width: 35%;
}

table.dataTable thead th {
    border-bottom: 0 none!important;
}



table.dataTable tr.paid {
	background: #7dcd7d !important;
}
table.dataTable tr.partly-paid {
	background: #f0ad4e !important;
}
table.dataTable tr.not-paid {
	background: #ed9797 !important;
}

#reviews_invoice.debt tbody .odd td, #reviews_invoice.debt tbody .even td {
	color: #fff !important;
}

.dataTables_processing {
    height: 50px!important;
    z-index: 999;
}
.dataTables_wrapper {
    position: relative;
}
.dataTables_wrapper:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    content: " ";
    display: block;
    z-index: 0;
}

.dataTables_length,
.input-prepend {
    position: relative;
    z-index: 1;
    padding: 0;
}

.form-control {
	font-family: "Open Sans";
    border-width: 1px !important;
}

.footable .btn-sky {
    margin-right: 10px;
}

.navbar-nav .dropdown-menu {
    width: 122% !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    /*background-color: #147ca4!important;*/
    background-color : #26a8df!important;
}

.newCLient .row {
    margin-bottom: 5px;
}

.newFormCLient .row {
    margin-bottom: 5px;
}

.jqte_tool.jqte_tool_1 .jqte_tool_label {
    height: auto!important;
}

.table.footable.dataTable th {
	font-size: 16px;
}
.table.footable.dataTable td {
	font-size: 14px;
}
.table > tbody > tr > td {
	padding: 5px 4px;
}

#reviews_length select {
    
    height: 28px !important;
}

#reviews tbody > tr > td {
    
    vertical-align: middle !important;
}

#reviews_invoice_wrapper:before {
    top : -85px;
    width: 50%;   
}

#reviews_invoice_wrapper .pull-left {
	margin-top: -90px;
}

@media only screen and (min-width: 768px) {
	#reviews_filter {
		position: absolute; 
		right: 0; 
		top: -53px
	}
	
#reviews_invoice_wrapper .pull-left {
	margin-top: -110px;
}
	
	#reviews_filter.shifted {
		top: -163px;
	}
}
@media only screen and (min-width: 1024px) {
	#reviews_invoice_wrapper .pull-left {
		margin-top: -144px;
	}	
	.debt #reviews_invoice_wrapper .pull-left {
		margin-top: -200px;
	}	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
        padding-left: 20px;
    }
}


/*
 *
 * HELPER STYLES
 * this section contains helper styles
 *
 */

.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
.w-10 {
	width: 10px;
}
.w-50 {
	width: 50px;
}
.w-80 {
	width: 80px;
}
.w-160 {
	width: 160px;
}
.w-220 {
	width: 2200px;
}
.w-300 {
	width: 300px;
}
.w-50p {
	width: 50%;
}
.w-85p {
	width: 85%;
}
@media only screen and (min-width: 1024px) {
	.w-85p {
		width: 238px;
	}
}

.mb-10 {
	margin-bottom: 10px;
}

table.dataTable thead th.pdl-0 {
	padding-left: 8px !important;
}

.clearfix:after {
	content: "";
	display: block;
	height: 1px;
	font-size: 1px;
	clear: both;
}

.nowrap {
	white-space: nowrap;	
}

.modal-header {
	display: none;
}

.display-inline-block {
	display: inline-block;
}

.alert {
	border: none !important;
}
.alert.alert-success {
	background: url(../img/alert_green.png);
}
.alert.alert-danger {
	color: #ff6c6c;
	background: url(../img/alert_pink.png);
}
.alert.alert-warning {
	background: url(../img/alert_blue.png);
}
.alert.alert-info {
	color: #000;
	background: url(../img/border_pattern.png);
}
	.alert-dismissable button.close,
	.alert-dismissable button.close:hover
	{
		background: #fff !important;
		border-radius: 15px !important;
		padding: 1px 4px !important;
		margin-top: 4px !important;
		color: #ccc !important;
		opacity: 1 !important;
		font-size: 16px !important;
		font-weight: bold !important;
	} 
.alert.alert-danger .alert-dismissable button.close {
	background: #ff6c6c !important;
	color: #fff !important;	
}

.paid .by-cash {
	display: none;
}

.mark-unpaid {
	display: none !important;
}
.paid .mark-unpaid {
	display: inline-block !important;
}

#receivedInvoices {
	text-align: center;
	background: #f00;
	color: #fff;
	width: 22px;
	height: 20px;
	padding: 5px;
	font-weight: bold;
	line-height: 10px;
	vertical-align: middle;
	font-size: 9px;
	border-radius: 10px;
	display: none;
} 