/**
 * This ensures that webpage doesn't get
 * pushed when a modal is opened.
 *
 * Inspiration:
 * http://stackoverflow.com/questions/19337238/twitter-bootstrap-modal-pushes-html-content-to-the-left
 */
html, body { overflow-x: hidden; }

.toast {
    opacity: 0.95 !important;
}

@font-face{
	font-family: Aller;
	src: url('../packages/fonts/aller/aller_rg-webfont.woff') format('woff');
}
@font-face{
	font-family: Source Sans;
	src:url('../packages/fonts/sourceSans/sourcesanspro-regular-webfont.woff') format('woff');
}
.logoText{
	font-family: Aller;
}
body{
	font-family: Source Sans;
	overflow-x:hidden;
	background-color: #4273b8;
}

.green-glyphicon {
	color:#449D44;
}
.red-glyphicon {
	color:#D9534F;
}


.gif-loader{
	/*top: 50%;*/
    /*left: 50%;*/
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background-color: #ededed;
    position:fixed;
    z-index: 9000;
    opacity: 0.8;
}
.gif-loader img{
	top:30%;
	margin:auto;
	position: relative;
}
.form-signup, .form-signin {
    width: 400px;
    margin: 0 auto;
}
/*========login styles=========*/
.login-form{
	border:1px solid #ccc;
	border-radius:4px;
	background-color: #ededed;
}
/*========navbar styles===========*/

.brand img{
	margin:-7px 0px 0px 0px;
}
.icon-bar{
	background: #333333;
}
.toggleNavbarBTN{
	margin:0px 0px 0px 94px;
	display:inline-block;
	font-size: 26px;
}
.navbar-header{
	padding: 14px 0px 0px 0px;
	height:80px;
	background-color: #ffffff;
}
.toggleMenu{
	margin:10px 0px 0px 0px;
}
.dropdown-language{
	min-width:105px;
}
.navbar-default .sidebar{
	font-family: Aller;
}
.navbar-static-top{
	font-family: Aller;
}
.navbar-top-custom{
	/*position: fixed;*/
	background-color: #343537;
	/*border-color:#343537;*/
	border:0px !important;
}
.navbar-side-custom{
	/*position: fixed;*/
	color: #ffffff;
	background-color: #4273b8;
}
.newshand{
	height:100px;
	width:100px;
}
.navbar-side-custom ul li a{
	color:#ffffff;
}
.navbar-side-custom ul li {
	border:transparent;
}
.navbar-side-custom ul li a.active {
	background-color: #39639f;
}
.navbar-side-custom ul li a:hover {
	background-color: #39639f;
}
.tab-anchor{
	padding: 2px 40px !important;
}
.nav-tabs>li>a {
	padding-bottom:11px !important;
}
.first-tab-anchor {
	border-left:0px transparent !important;
}
.first-tab-anchor a:hover{
	border-left:0px transparent !important;
}
.page-title-breadcrumb{
	margin: 2px 0px 10px 0px;
}
.page-title{
	margin:-11px 0px 10px 0px;
}
.navbar-top-right-link{
	/*font-size: 21px;*/
	font-size: 14px;
	color:#ffffff;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color: #39639f;
	border-color: #337ab7;
}
.nav>li>a:hover, .nav>li>a:focus {
	background-color: #39639f;
}
/*=======end of navbar styles==========*/
.firstRowFront{
	background-color:#ededed;
}
.secondRowFront{
	/*border:1px solid #777;*/
}
.rotate90deg{
	 transform: rotate(90deg);
	-iz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
  	 transition:0,1s;
}
.page-wrapper-width{
	  margin: 0 0 0 250px;
}
.nav-tab-text h4{
	display:inline;
	margin:0px 0px 5px 0px;
}
/*=========heading styles===========*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: Aller;
}
/*===============panel styles=================*/
/* .panel-heading{
	padding:1px 15px !important;
	background-color:#f5f5f5; border-color:#ddd
} */
.panel-custom-body{
	border-left:0px transparent;
	border-bottom: 0px transparent;
	background-color: #ededed;
}
.panel-custom-body-no-bg{
	border-left:0px transparent;
	border-bottom: 0px transparent;
}
/*------------------end of panel -------------*/
/*++++++++sell landing++++++++++++++*/
.icon-div-tab{
	display: inline-block;
	margin:2px 0px -14px 0px;
}
/*-------sell landing end----------*/

/*=================styles for the invoice section=========*/
.logoArea{
	border:1px dotted;
	border-radius: 4px;
}
.editLogoIcon{
	margin:5px;
	padding: 3px 0px;
}
.inputFileContainer{
	position: relative;
	top:0;
	left:120px;
	top:33px;
}
.overlayUploadBtn{
	position: absolute;
	z-index: 1;
}
.customFileBtn{
	height:34px;
	position: absolute;
	z-index: 2;
	/*opacity fix for IE8*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
}
.previewLogoImage{
	border:1px dotted;
	border-radius: 4px;
	position: relative;
	min-height: 120px;
}
.invoiceTitle{
	 background-color: #f8f8f8;
	height: 42px;
	border-radius: 4px;
	border:1px solid #428bca;
}
.titleInput{
	border-radius: 1px;
	border:1px solid #e7e7e7;
	 background-color: #f8f8f8;
	margin:8px 0px 0px 0px;
}
.invoiceSettings{
	background-color: #ddd;
}
.settingsBtn{
	/*background-color: red;*/
	cursor: pointer;
}
.settingsBtnIcon{
	top:3px;
}
.invoiceTotal{
	border-top: 2px solid #dadada;

}
.invoiceTermsContainer{
	margin:20px 0px;
}
.invoiceTerms{
	border:1px dotted;
	border-radius: 4px;
}
.editTermsIcon{
	margin:5px;
	padding: 3px 0px;
}
.marginLeft{
	margin-left: 5% !important;
}
.stylish-input-group .input-group-addon{
    background: white !important;
}
.stylish-input-group .form-control{
	border-right:0;
	box-shadow:0 0 0;
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}
.time-planning{
	margin-top: 23px;
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }
.jquery-datetimepicker {
	display: inline-block;
	width:92%;
}
.assignedEmployee{
 background-color: hsl(37, 15%, 88%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#11911c122", endColorstr="#e4e1db");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#11911c122), to(#e4e1db));
  background-image: -moz-linear-gradient(top, #11911c122, #e4e1db);
  background-image: -ms-linear-gradient(top, #11911c122, #e4e1db);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #11911c122), color-stop(100%, #e4e1db));
  background-image: -webkit-linear-gradient(top, #11911c122, #e4e1db);
  background-image: -o-linear-gradient(top, #11911c122, #e4e1db);
  background-image: linear-gradient(#11911c122, #e4e1db);
  border-color: #e4e1db #e4e1db hsl(37, 15%, 82%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.39);
  -webkit-font-smoothing: antialiased;
}
.assignedEmployeesSpan{
	margin-top:-20px;
	font-size:15px;
}
.chosen-employee-name{
	margin: 0px 0px 0px 10px;
}
.assigned-manager-col .chosen-manager-row:nth-child(odd){
	background-color: #f5f5f5;
}

.assigned-prod-employee-col .chosen-employee-row:nth-child(odd){
	background-color: #f5f5f5;
}

.existing-worksheet-main-message{
	padding:10px;
}
/*++++++++++++++worksheet styles+++++++++++++++*/
.row-spacer{
	height:20px;
}
.anchor-red{
	color:#ce212a;
}
.custom-select{
	display: inline-block;
	width:70%;
}
.chooseRecipient, .chooseAdminEmployee{
	cursor: pointer;
}
.chooseProdEmployeesDropdown{
	margin-left: 15px;
	position: relative;
	z-index: 900;
}

.prod-employee-list-item{
	cursor: pointer;
	z-index: 1000;
	cursor: pointer;
}
.chooseProdEmployeesDropdown li:nth-child(even){
	background-color: #f9f9f9;
}
.prod-employee-list-item input[type='checkbox']{
	display: none;
}
.chooseAdminsDropdown{
	margin-left: 15px;
}
.admin-employee-list-item {
	position: relative;
}
.admin-employee-list-item input[type='checkbox']{
	display: none;
}
.icon-remove{
	cursor: pointer;
}
.custom-hover tbody tr:hover{
	background-color: #4273b8;
	color:	#f0f0f0;
}
.header-icon-title{
	padding: 0px 0px 0px 64px;
}
.worksheet-row-border{
	border:1px solid #D5D5D7;
	border-radius: 4px;
	background-color: #ffffff;
}
.row-total{
	padding:0px 10px;
}
.add-new-line{
	cursor:pointer;
}
.chooseWorksheet{
	cursor: pointer;
}
.chooseWorksheetMoreLines{
	cursor: pointer;
}
.chooseProject{
	cursor: pointer;
}
.prod-employee-message{
	background-color: #ffffff;
	padding:5px 5px 0px 5px;
	border:1px solid #c6c6c6;
	border-radius:4px;
}
/*----------end of worksheet styles----------*/
/*==========styles for the invoice lines==============*/
.row-remove, .ledger-row-remove{
	color:#D9534F;
	cursor:pointer;
	/*margin-top: 10px;*/
	font-size: 20px;
}
.ledger-drag-handle{
	padding: 0px !important;
	margin: 0px !important;
}
[data-name="drag-handle"] {
	width:1px;
	cursor: move;
	background: #f4f4f4 url('../images/arrowUpDown.png') 1px 3px no-repeat;
	padding:0px !important;
	/*background: #f4f4f4 url('../images/Freesoft-sprite.png')-41px -642px no-repeat;*/
	border-right:1px dotted #ccc;
}
[data-name="ledgerdrag-handle"]{
	width:4px;
	cursor: move;
	background: #f4f4f4 url('../images/arrowUpDown.png') 9px 3px no-repeat;
	/*padding:5px 0px !important;*/
	/*background: #f4f4f4 url('../images/Freesoft-sprite.png')-41px -642px no-repeat;*/
	border-right:1px dotted #ccc;
}
.typeSelect{
	height: 26px;
	padding: 0;

}
.wholesalerSelect{
	height: 26px;
	padding: 0;
}
[data-name="lineType"]{
	padding:0px 0px !important;
	width:14%;
}
[data-name="artNumber"]{
	padding:0px 0px !important;
	width:20%;
	padding: 0px;
}
.iArtNumber, .iArtNumberBuy{
	width:100%;
}
[data-name="amount"]{
	padding: 0px 0px !important;
	width:5%;
}
.dAmount{
	width:100%;
	text-align:right;
	font-weight: bold;
}


[data-name="discount"]{
	padding:0px 0px !important;
	width:5%;
}
.dDiscount{
	width:100%;
	text-align:right;
}
[data-name="costPrice"]{
	padding:0px 0px !important;
	width:5%;
}
.dUnitPrice{
	width:100%;
	text-align:right;
}
[data-name="unitPrice"]{
	padding:0px 0px !important;
	width:10%;
}
.dCostPrice{
	width:100%;
	text-align:right;
}
[data-name="vat"]{
	padding:0px 0px !important;
	width:5%;
}
.dVat{
	width:100%;
	text-align:right;
}
[data-name="description"]{
	padding:0px 0px !important;
	width:28%;
}
.productDescription{
	width:100%;
	margin:0px 0px -22px 0px;
	font-weight: bold;
}
/*=================styles for the worksheet lines========*/
[data-name="del"]{
	padding:0px 0px !important;
}
[data-name="lineTypeWorksheet"]{
	padding:0px 0px !important;
	width:5%;
}

[data-name="wholesalerLine"] {
    padding: 0px !important;
    width: 8%;
}
[data-name="artNumberWorksheet"]{
	padding:0px 0px !important;
	width:15%;
}
[data-name="artNumberWorksheetNew"]{
	padding:0px 0px !important;
	width:5%;
}

[data-name="amountWorksheet"]{
	padding:0px 0px !important;
	width:5%;
}
[data-name="discountWorksheet"]{
	padding:0px 0px !important;
	width:3%;
}
[data-name="costPriceWorksheet"]{
	padding:0px 0px !important;
	width:3%;
}
[data-name="unitPriceWorksheet"]{
	padding:0px 0px !important;
	width:4%;
}
[data-name="listPriceWorksheet"]{
	padding:0px 0px !important;
	width:5%;
}
[data-name="vatWorksheet"]{
	padding:0px 0px !important;
	width:5%;
}
[data-name="totalCostPriceWorksheet"]{
	text-align: right;
	border-right:1px solid #777;
	padding:0px 0px !important;
}
[data-name="nettoPriceWorksheet"]{
	text-align: right;
	padding:0px 0px !important;
}
[data-name="descriptionWorksheet"]{
	padding:0px 0px !important;
	width:19%;
}
[data-name="hiddenCosts"]{
	display:none;
}
[data-name="employeeWorksheet"]{
	padding:5px 0px !important;
	width:10%;
}
[data-name="EmployeeLine"]{
	padding:0px 0px !important;
	width:12%;
}
[data-name="EmployeeLine"] input{
	width:100%;
}

[data-name="registrationDateLine"]{
	padding:0px 0px !important;
	width:10%;
}
[data-name="registrationDateLine"] input{
	width: 100%;
}
/*=========styles for the short worksheet lines========*/
[data-name="lineTypeWorksheetItem"]{

}
[data-name="artNumberWorksheetItem"]{

}
[data-name="amountWorksheetItem"]{

}
#existingLinesTable td{
	width: 1%
}

/*___________end of short worksheet lines______________*/
/*_________________ledger lines________________________*/
[data-name="entryLedger"]{
	width:8%;
	padding: 6px 0px !important;
}
[data-name="entryLedger"] input {
	width:100%;
	padding: 0px;
}
[data-name="dateLedger"]{
	width:7%;
	padding: 6px 0px !important;
}
[data-name="dateLedger"] input{
	width:100%;
	padding: 0px;
}
[data-name="typeLedger"]{
	width:3%;
	padding: 6px 0px !important;
}
[data-name="typeLedger"] select{
	width:100%;
	padding: 0px;
	height:24px;
}
[data-name="accountLedger"]{
	width:13%;
	padding: 6px 0px !important;
}
[data-name="accountLedger"] input {
	width:100%;
	padding: 0px;
}
[data-name="taxLedger"]{
	width:4%;
	padding: 6px 0px !important;
}
[data-name="taxLedger"] input{
	width:100%;
	padding: 0px;
	text-align: right;
}
[data-name="taxCodeLedger"]{
	width:4%;
	padding: 6px 0px !important;
}
[data-name="taxCodeLedger"] input{
	width:100%;
	padding: 0px;
	text-align: right;
}
[data-name="taxChangeLedger"]{
	width:1%;
	padding: 6px 0px !important;
}
[data-name="taxChangeLedger"] input{
	width:100%;
	padding: 0px;
	text-align: right;
}
[data-name="descriptionLedger"]{
	width:24%;
	padding: 6px 0px !important;
}
[data-name="descriptionLedger"] input{
	width:100%;
	padding: 0px;
}
[data-name="debitLedger"]{
	width:10%;
	padding: 6px 0px !important;
}
[data-name="debitLedger"] input{
	width:100%;
	padding: 0px;
	text-align: right;
}
[data-name="worksheetNoLedger"]{
	width:10%;
	padding: 6px 0px !important;
}
[data-name="gainPercent"]{
	width:10%;
	padding: 6px 0px !important;
}
[data-name="worksheetNoLedger"] input{
	width:100%;
	padding: 0px;
}
[data-name="accountDebitor"]{
	width:10%;
	padding: 6px 0px !important;
}
[data-name="accountDebitor"] input{
	width:100%;
	padding: 0px;
}
[data-name="creditLedger"]{
	width:10%;
	padding: 6px 0px !important;
}
[data-name="creditLedger"] input{
	width:100%;
	padding: 0px;
	text-align: right;
}
[data-name="contraAccLedger"]{
	width: 10%;
	padding: 6px 0px !important;
}
[data-name="contraAccLedger"] input{
	width:100%;
	padding: 0px;
	text-align: right;
}
[data-name="invNoLedger"]{
	width: 10%;
	padding: 6px 0px !important;
}
[data-name="invNoLedger"] input{
	width:100%;
	padding: 0px;
	text-align: right;
}
[data-name="currencyLedger"]{
	width:3%;
	padding: 6px 0px !important;
}
[data-name="currencyLedger"] input{
	width: 100%;
	padding: 0px;
}
[data-name="ledgerdrag-handle"]{
	width: 2%;
	padding: 0px !important;
}
[data-name="delLedger"]{
	padding: 3px 7px !important;
}
[data-name="hiddenLedger"]{
	display: none;
}
/*--------------/ledger lines-------------------------*/
/*================styles for message section=============*/

.deleteMessage{
	color:red;
	cursor:pointer;
	margin-top: 30px;
	margin-left: 3px;
	font-size: 20px;
}
.messageTemplate{
	width:10%;
}

.days-task{
	 margin: 2px 20px;
	  border-radius:2px;
}
/*========global styles=========*/
.dashed{
	border:2px dashed #dadada;
	padding:10px 10px;
}
label{
	font-weight: normal;
}
th{
	font-weight: normal;
}
.desktopFloatRight{
	float:right;
}
.serviceMenu{
	min-width:100px;
}
.controlBtn{
	width:100%;
	margin-bottom: 10px;
}
.actionLinkList{
	border:0;
}
.backBtn{
	padding: 0 20px;
}
.backBtnIcon{
	top:2px;
}
/*disable the sortable icons for data tables*/
.dataTable thead, .sorting_asc:after, .sorting:after{
	content:"" !important;
	float:none !important;
	vertical-align: top !important;
	border:0px !important;
}
.left-offset-one{
	margin-left: 1.5% !important;
}
/*===============calendar css=============*/
.employeeCalendar{
	display: inline-block;
	border-radius: 4px ;
	padding: 5px;
}
.event-tooltip {
	width:150px;
	background: rgba(0, 0, 0, 0.85);
	color:#FFF;
	padding:10px;
	position:absolute;
	z-index:10001;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 11px;
            }
.col-centered{
	float: none;
	margin: 0 auto;
	width:50%;
}
.col-centered-full{
	float: none;
	margin: 0 auto;
	width:100%;
}
.calendar-unassigned{
	background-color: #ededed;
	border:1px solid #0077cc;
	border-radius: 4px;
	cursor: move;
	height: 50%;
	overflow-y:scroll;
	position: absolute;
	top:8%;
	left:0px;
	width:12%;
	z-index: 1000;
}
/*==============end of calendar css=======*/
/*===========image upload css===========*/
.file-wrapper {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.file-wrapper input {
  cursor: pointer;
  font-size: 100px;
  height: 100%;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  opacity: 0.01;
  position: absolute;
  right: 0;
  top: 0;
}
/*============custom button css===========*/
/*http://charliepark.org/bootstrap_buttons/*/
.btn-custom-default {
  border-radius: 20px;
  background-color: hsl(0, 0%, 88%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#11d11d11d", endColorstr="#e0e0e0");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#11d11d11d), to(#e0e0e0));
  background-image: -moz-linear-gradient(top, #11d11d11d, #e0e0e0);
  background-image: -ms-linear-gradient(top, #11d11d11d, #e0e0e0);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #11d11d11d), color-stop(100%, #e0e0e0));
  background-image: -webkit-linear-gradient(top, #11d11d11d, #e0e0e0);
  background-image: -o-linear-gradient(top, #11d11d11d, #e0e0e0);
  background-image: linear-gradient(#11d11d11d, #e0e0e0);
  border-color: #e0e0e0 #e0e0e0 hsl(0, 0%, 82%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.39);
  -webkit-font-smoothing: antialiased;
}
.btn-custom-primary {
  border-radius: 20px;
  background-color: hsl(198, 80%, 35%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#30b0e8", endColorstr="#1175a0");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#30b0e8), to(#1175a0));
  background-image: -moz-linear-gradient(top, #30b0e8, #1175a0);
  background-image: -ms-linear-gradient(top, #30b0e8, #1175a0);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #30b0e8), color-stop(100%, #1175a0));
  background-image: -webkit-linear-gradient(top, #30b0e8, #1175a0);
  background-image: -o-linear-gradient(top, #30b0e8, #1175a0);
  background-image: linear-gradient(#30b0e8, #1175a0);
  border-color: #1175a0 #1175a0 hsl(198, 80%, 30%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}
.btn-custom-success {
  border-radius: 20px;
  background-color: hsl(136, 65%, 27%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2bce57", endColorstr="#18712f");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#2bce57), to(#18712f));
  background-image: -moz-linear-gradient(top, #2bce57, #18712f);
  background-image: -ms-linear-gradient(top, #2bce57, #18712f);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2bce57), color-stop(100%, #18712f));
  background-image: -webkit-linear-gradient(top, #2bce57, #18712f);
  background-image: -o-linear-gradient(top, #2bce57, #18712f);
  background-image: linear-gradient(#2bce57, #18712f);
  border-color: #18712f #18712f hsl(136, 65%, 21.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);
  -webkit-font-smoothing: antialiased;
}
.btn-custom-danger {
  border-radius: 20px;
  background-color: hsl(0, 78%, 34%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e21c1c", endColorstr="#9a1313");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e21c1c), to(#9a1313));
  background-image: -moz-linear-gradient(top, #e21c1c, #9a1313);
  background-image: -ms-linear-gradient(top, #e21c1c, #9a1313);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e21c1c), color-stop(100%, #9a1313));
  background-image: -webkit-linear-gradient(top, #e21c1c, #9a1313);
  background-image: -o-linear-gradient(top, #e21c1c, #9a1313);
  background-image: linear-gradient(#e21c1c, #9a1313);
  border-color: #9a1313 #9a1313 hsl(0, 78%, 30%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.26);
  -webkit-font-smoothing: antialiased;
}
/*=========validation css=========*/
.has-feedback .form-control-feedback {
    position: absolute;
    top: 25px;
    right: 15px;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
.glyphicon-ok-sign{
	color:green;
}
/*styles for the data tables*/
.table-responsive{
	overflow-x:hidden;
}
/*end of data tables*/
/*----icon sprite------*/

.input-no-right-border{
	border-right:transparent;
}
.custom-addon{
	padding: 0px 2px;

}
.link-heading{
	padding: 0px 0px 0px 51px;
	/*text-transform: uppercase;*/
}
.icon-arrow-left{
	background:url('../images/Freesoft-sprite.png') no-repeat -102px -567px;
	height:16px;
	width:15px;
}
.icon-arrow-right{
	background:url('../images/Freesoft-sprite.png') no-repeat -101px -537px;
	height:16px;
	width:15px;
}
.icon-arrow-left-red{
	background:url('../images/Freesoft-sprite.png') no-repeat -72px -568px;
	height:16px;
	width:15px;
}
.icon-nav-link{
	margin:0px -67px -28px 0px;
	position: relative;
	z-index: 2;
}
.btn-custom-icon{
	color:transparent;
	background-color: transparent;
	padding:0.5px;
	font-size: 8px;

}
.btn-custom-icon:hover{
	background-color: transparent !important;
	border-left:transparent !important;
	/*border: 1px solid transparent;*/
}

.btn-worksheet-icon{
	background:url('../images/Freesoft-sprite.png') no-repeat -526px -102px;
	height:42px;
	width:213px;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.btn-worksheet-icon-incss{
    border-left:solid #4273b8 1px;
    border-right:solid #4273b8 1px;
    border-top:solid #4273b8 1px;
    border-bottom:solid #4273b8 3px;
    border-radius: 6px;
	background-color: white;
	height:42px;
	width:213px;
	display: inline-block;
	position: relative;
	z-index: 1;
}

/*sidebar icons*/
.icon-plus-3-banner{
	background: url('../images/Freesoft-sprite.png') no-repeat -1126px -30px;
	height: 79px;
	width: 106px;
}
.icon-dashboard-sm{
	background:url('../images/Freesoft-sprite.png') no-repeat -33px -78px;
	height:24px;
	width:40px;
}
.icon-sell-sm{
	background:url('../images/Freesoft-sprite.png') no-repeat -33px -130px;
	height:20px;
	width:40px;
}
.icon-buy-sm{
	background:url('../images/Freesoft-sprite.png') no-repeat -33px -180px;
	height:20px;
	width:40px;
}
.icon-help-sm{
	background:url('../images/Freesoft-sprite.png') no-repeat -711px -1745px;
	height:27px;
	width:40px;
}
.icon-fleet-sm{
	background: transparent url("../images/Freesoft-sprite.png") no-repeat scroll -794px -2023px;
	height: 29px;
	width: 40px;
}
.icon-reports-sm{
	background:url('../images/Freesoft-sprite.png') no-repeat -676px -1742px;
	height:30px;
	width:40px;
}
.icon-supplier-md{
	background:url('../images/Freesoft-sprite.png') no-repeat -744px -1154px;
	height:37px;
	width:39px;
}
.icon-envelope{
	background:url('../images/Freesoft-sprite.png') no-repeat -163px -140px;
	height:30px;
	width:49px;
}
.icon-calendar-sm-color{
	background:url('../images/Freesoft-sprite.png') no-repeat -37px -229px;
	height:22px;
	width:31px;
}
.icon-calendar-sm{
	background:url('../images/Freesoft-sprite.png') no-repeat -37px -229px;
	height:22px;
	width:31px;
}
.icon-calendar-md{
	background:url('../images/Freesoft-sprite.png') no-repeat -460px -560px;
	height:57px;
	width:60px;
}
.icon-checked-sm{
    background: url('../images/Freesoft-sprite.png') no-repeat -38px -713px;
    height: 22px;
    width: 29px;
}
.icon-items-sm{
	background:url('../images/Freesoft-sprite.png') no-repeat -29px -275px;
	height:30px;
	width:40px;
}
.icon-supplier-menu{
	background:url('../images/Freesoft-sprite.png') no-repeat -430px -1482px;
	height:46px;
	width:34px;
}
.icon-accounting-sm{
	background:url('../images/Freesoft-sprite.png') no-repeat -33px -372px;
	height:30px;
	width:40px;
}
.icon-accounting-layout-sm{
	background:url('../images/Freesoft-sprite.png') no-repeat -611px -1872px;
	height:34px;
	width:34px;
}
.icon-accounting-settings-sm{
	background:url('../images/Freesoft-sprite.png') no-repeat -891px -1503px;
	height:40px;
	width:32px;
}
.icon-settings-sm{
	background:url('../images/Freesoft-sprite.png') no-repeat -32px -423px;
	height:30px;
	width:37px;
}
.icon-employees-sm{
	background:url('../images/Freesoft-sprite.png') no-repeat -32px -320px;
	height:37px;
	width:40px;
}
.icon-customers-sm{
	background:url('../images/Freesoft-sprite.png') no-repeat -79px -320px;
	height:37px;
	width:40px;
}
/*--sidebar icons end---*/
.icon-new-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -166px -189px;
	height:41px;
	width:44px;
}
.icon-archive-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -166px -241px;
	height:41px;
	width:44px;
}
.icon-settings-md{
	background:url('../images/Freesoft-sprite.png') no-repeat -566px -1497px;
	height:41px;
	width:44px;
}
.icon-remove{
	background:url('../images/Freesoft-sprite.png') no-repeat -41px -598px;
	height:16px;
	width:17px;
}
.icon-arrow-right-sm{
	background:url('../images/Freesoft-sprite.png') no-repeat -41px -539px;
	height:16px;
	width:16px;
}
.icon-arrow-down-sm{
	background:url('../images/Freesoft-sprite.png') no-repeat -104px -509px;
	height:16px;
	width:16px;
}
.icon-existing-credit-note-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -451px -460px;
	height:67px;
	width:55px;
}
.icon-existing-order-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -442px -112px;
	height:67px;
	width:74px;
}
.icon-existing-invoice-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -451px -459px;
	height:67px;
	width:55px;
}
.icon-existing-creditnote-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -451px -372px;
	height:67px;
	width:55px;
}
.icon-existing-proforma-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -451px -283px;
	height:67px;
	width:55px;
}
.icon-existing-offer-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -439px -31px;
	height:70px;
	width:79px;
}
.icon-existing-workhseet-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -452px -198px;
	height:67px;
	width:55px;
}
.icon-existing-wholesalerorder-big {
    background: transparent url("../images/Freesoft-sprite.png") no-repeat scroll -877px -856px;
    height: 67px;
    width: 55px;
}
.icon-new-credit-note-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -341px -457px;
	height:70px;
	width:77px;
}
.icon-new-proforma-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -340px -280px;
	height:70px;
	width:77px;
}
.icon-new-invoice-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -340px -370px;
	height:70px;
	width:77px;
}
.icon-new-order-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -347px -106px;
	height:70px;
	width:77px;
}
.icon-offer-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -347px -31px;
	height:70px;
	width:77px;
}
.icon-hours-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -672px -555px;
	height:68px;
	width:58px;
}
.icon-items-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -672px -654px;
	height:66px;
	width:55px;
}
.icon-customer-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -359px -558px;
	height:67px;
	width:55px;
}
.icon-supplier-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -670px -653px;
	height:68px;
	width:60px;
}
.icon-service-big{
	background: url('../images/Freesoft-sprite.png') no-repeat -1084px -1187px;
    height: 66px;
    width: 53px;
}
.icon-service-existing-big{
	background: url('../images/Freesoft-sprite.png') no-repeat -1146px -1187px;
    height: 66px;
    width: 53px;
}
.icon-projects-big{
    background: url('../images/Freesoft-sprite.png') no-repeat -1080px -1025px;
    height: 66px;
    width: 53px;
}
.icon-projects-existing-big{
	background: url('../images/Freesoft-sprite.png') no-repeat -1143px -1025px;
    height: 66px;
    width: 53px;
}
.icon-copy-lines-big{
	background: url('../images/Freesoft-sprite.png') no-repeat -1177px -664px;
    height: 58px;
    width: 53px;
}
.icon-supplier-update-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -569px -653px;
	height:68px;
	width:60px;
}
.icon-aconto-new-big{
	background: url('../images/Freesoft-sprite.png') no-repeat -1083px -1105px;
    height: 67px;
    width: 53px;
}
.icon-aconto-existing-big{
	background: url('../images/Freesoft-sprite.png') no-repeat -1146px -1105px;
    height: 67px;
    width: 53px;
}
.icon-worksheet-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -359px -198px;
	height:67px;
	width:55px;
}
.icon-plus-sign-small{
	background:url('../images/Freesoft-sprite.png') no-repeat -39px -628px;
	height:20px;
	width:20px;
}
.worksheet-icon-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -165px -30px;
	height:38px;
	width:46px;
}
.customer-icon-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -232px -622px;
	height:38px;
	width:46px;
}
.description-icon-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -165px -86px;
	height:38px;
	width:46px;
}
.internal-message-icon-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -162px -562px;
	height:38px;
	width:46px;
}
.icon-time-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -165px -511px;
	height:38px;
	width:46px;
}
.icon-ledger{
	background:url('../images/Freesoft-sprite.png') no-repeat -1168px -469px;
	height:57px;
	width:56px;
}
.icon-debit-invoice{
	background:url('../images/Freesoft-sprite.png') no-repeat -1072px -565px;
	height:57px;
	width:56px;
}
.icon-account-plan{
	background:url('../images/Freesoft-sprite.png') no-repeat -1171px -765px;
	height:57px;
	width:56px;
}
.icon-journal{
	background:url('../images/Freesoft-sprite.png') no-repeat -1171px -664px;
	height:58px;
	width:56px;
}
.icon-calendar-sm-color{
	background:url('../images/Freesoft-sprite.png') no-repeat -35px -743px;
	height:29px;
	width: 30px;
}
.employee-icon-color{
	background:url('../images/Freesoft-sprite.png') no-repeat -356px -827px;
	height:66px;
	width: 63px;
}
.input-date-icon{
	background:url('../images/Freesoft-sprite.png') no-repeat 166px -741px;
	cursor: pointer;
}
.input-date-icon-perf{
	background:url('../images/Freesoft-sprite.png') no-repeat 166px -741px;
	height:66px;
	width: 63px;
}

.icon-date-small{
	background:url('../images/Freesoft-sprite.png') no-repeat -231px -465px;
	height:28px;
	width:33px;
	/*border:1px solid red;*/
}
.icon-date-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -165px -456px;
	height:38px;
	width:46px;
	/*border:1px solid red;*/
}
.icon-manager-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -169px -299px;
	height:70px;
	width:48px;
}
.icon-production-employee-small{
	background:url('../images/Freesoft-sprite.png') no-repeat -229px -403px;
	height:31px;
	width:29px;
}
.icon-production-employee-big{
	background:url('../images/Freesoft-sprite.png') no-repeat -165px -365px;
	height:70px;
	width:46px;
}
.assigned-employee-heading{
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 10px;
}
/*reports icons;*/

.icon-reports{
    background:url('../images/Freesoft-sprite.png') no-repeat -166px -141px;
	height:31px;
	width:45px;
}
.icon-reminder-md{
    background:url('../images/Freesoft-sprite.png') no-repeat -776px -760px;
	height:57px;
	width:66px;
}
.icon-duelist-big{
    background:url('../images/Freesoft-sprite.png') no-repeat -1064px -659px;
	height:69px;
	width:66px;
}
.icon-moneyhand{
    background:url('../images/Freesoft-sprite.png') no-repeat -963px -465px;
	height:57px;
	width:71px;
}
.icon-moneyhand2{
    background:url('../images/Freesoft-sprite.png') no-repeat -963px -465px;
	height:57px;
	width:77px;
}
.icon-vatreport{
    background:url('../images/Freesoft-sprite.png') no-repeat -878px -769px;
	height:48px;
	width:45px;
}
.icon-abonnement-big{
	background: url('../images/Freesoft-sprite.png') no-repeat -1078px -949px;
    height: 66px;
    width: 53px;
}
.icon-abonnement-existing-big{
	background: url('../images/Freesoft-sprite.png') no-repeat -1142px -949px;
    height: 66px;
    width: 53px;
}

.icon-reports-finance-big{
    background:url('../images/Freesoft-sprite.png') no-repeat -1064px -859px;
	height:66px;
	width:66px;
}
.icon-reports-customer-big{
    background:url('../images/Freesoft-sprite.png') no-repeat -168px -615px;
	height:60px;
	width:66px;
}
.icon-reports-supplier-big{
    background:url('../images/Freesoft-sprite.png') no-repeat -1064px -478px;
	height:51px;
	width:67px;
}
.icon-reports-stocks-big{
    background:url('../images/Freesoft-sprite.png') no-repeat -664px -474px;
	height:51px;
	width:67px;
}

.icon-reports-employee-big{
    background:url('../images/Freesoft-sprite.png') no-repeat -166px -383px;
	height:63px;
	width:66px;
}
.icon-reports-finance-balance{
    background:url('../images/Freesoft-sprite.png') no-repeat -1264px -566px;
	height:68px;
	width:67px;
}
.icon-reports-finance-operations{
	background:url('../images/Freesoft-sprite.png') no-repeat -878px -867px;
	height:52px;
	width:45px;
}
.icon-reports-finance-accouncard{
    background:url('../images/Freesoft-sprite.png') no-repeat -971px -865px;
	height:60px;
	width:66px;
}
.icon-reports-finance-journal{
    background:url('../images/Freesoft-sprite.png') no-repeat -973px -563px;
	height:64px;
	width:66px;
}
.icon-reports-finance-journal2{
    background:url('../images/Freesoft-sprite.png') no-repeat -973px -563px;
	height:64px;
	width:79px;
}
.icon-reports-customer-accountstatement{
    background:url('../images/Freesoft-sprite.png') no-repeat -1064px -561px;
	height:66px;
	width:66px;
}
.icon-reports-customer-balancelist {
    background:url('../images/Freesoft-sprite.png') no-repeat -1064px -762px;
	height:66px;
	width:66px;
}
.icon-reports-employee-balancelist {
    background:url('../images/Freesoft-sprite.png') no-repeat -1064px -762px;
	height:66px;
	width:78px;
}

/*under consctuction;*/

.icon-underconstruction {
    background: url('../images/underconstruction.jpg') no-repeat -367px -206px;
    height:385px;
	width:357px;
}


/*under consctuction end;*/


.icon-facturadesign1 {
    background-image: url('../images/facturadesign1.png');
;
	display: inline-block;
}
.icon-facturadesign3 {
    background: url('../images/underconstruction.jpg');
    height:385px;
	width:357px;
}
.icon-facturadesign3 {
    background: url('../images/underconstruction.jpg');
    height:385px;
	width:357px;
}
}

}
/*reports icons end;*/


/*----icon sprite-------*/
/*++++++++data tables++++++*/
.dataTables_paginate{
	float:none !important;
}
.dataTables_wrapper .dataTables_processing {
	position: absolute;
	top: 15% !important;
	opacity: 1.0;
}
.data-table-custom-search{
	display:inline-block;
	margin-right: 34px;
	height: 30px;
}
.data-table-custom-search .btn{
	height: 30px;
	/*border-right:0px transparent;*/
}
.td-no-account-plan{
	width:7%;
}
.td-name-account-plan{
	width:17%;
}
.td-type-account-plan{
	width:10%;
}
.td-tax-account-plan{
	width:12%;
}
.td-totalfrom-account-plan{
	width:18%;
}
.td-master-account-plan{
	width:18%;
}
.td-actions-account-plan{
	width:18%;
}
.chooseAccount >td{
	padding:1px !important;
}
/*------data table end---------*/
/*++++++bootstrap overrite styles+++++++++++++*/

.full-width{
	width:100% !important;
}
.half-width{
	width: 50% !important;
}
.borderless td, .borderless th, .borderless tr {
    border: none !important;
}
.row-margin0{
	margin:0;
}
.padding0{
	padding:0px !important;
}
.cell-padding{
	padding-bottom: 15px;
}
.cursor-pointer{
	cursor:pointer;
}
#ui-datepicker-div{
	z-index: 99999 !important;
}
.navbar-right{
	margin-right: 0px;
}
.navbar-right-icon{
	margin:5px 0px -6px 0px;
}
.navbar-top-links li a{
	padding: 6px !important;
	border-radius: 4px;
	min-height: 0px !important;
}
.navbar-top-links li a span{
	padding:3px !important;
}
.navbar-right-mail{
	position: absolute !important;
	top: 15px;
	right: 500px;

}
.navbar-right-user{
	position: absolute !important;
	top: 13px;
	right: 128px;
}
.active-grey-bg{
	/*color:#fff;*/
	background-color: #B6B6B6;
	border-right:  1px solid #ddd;
	border-bottom: 0px transparent !important;
}
.active-grey-bg span{
	color:#fff;
}
.inactive-white-bg{
	background-color: #ffffff;
	 border: 1px solid #ddd;
	 margin:-3px 0px 0px 0px;
}
.nav-tab-white-bg{
	background-color: #ffffff;
}

.nav-tabs>li {
	margin-bottom: -2px !important;
}
.padding-right0{
	padding-right: 0px !important;
}
/*=========checkbox and radio button styles======*/
input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] {
	display:inline-block;
	width:16px;
	height:16px;
	background:url('../images/check_radio_sheet.png') left top no-repeat;
}
input[type="checkbox"]:checked {
    background:url('../images/check_radio_sheet.png') -19px top no-repeat;
}
.selected-checkbox{
	background: url('../images/Freesoft-sprite.png') no-repeat 147px -705px;
	/*background-color: green;*/
}
/*========checkbox styles end===================*/
/*-------end of bootstrap overrite styles-----*/
/*============google maps css============*/
.google-maps-container{
	height:180px;
	/*width:450px;*/
}
.google-maps-container-sm{
	height:199px;
	width:350px;
}
#gmap_canvas, #proforma_gmap_canvas, #map-canvas img{
	max-width:none!important;
	background:none!important
}
/*============media queries==============*/

@media(min-width: 1401px){
	.input-date-icon{
		background: url('../images/Freesoft-sprite.png') no-repeat 305px -741px;
		cursor: pointer;
	}
	.selected-checkbox{
			/*background: url('../images/Freesoft-sprite.png') no-repeat 304px -705px;*/
			background: url('../images/ok-24.ico') no-repeat 224px  ;

			/*background-color: red;*/
	}

}
@media(min-width: 1200px)and (max-width: 1400px;) {
	.input-date-icon{
		background: url('../images/Freesoft-sprite.png') no-repeat 166px -741px;
		cursor: pointer;
	}
	.selected-checkbox{
			background: url('../images/Freesoft-sprite.png') no-repeat 147px -705px;
			/*background-color: green;*/
	}
}
@media(min-width: 1024px) and (max-width: 1199px;){
		.input-date-icon{
		background: url('../images/Freesoft-sprite.png') no-repeat 165px -741px;
		cursor: pointer;
	}
		.selected-checkbox{
			background: url('../images/Freesoft-sprite.png') no-repeat 147px -705px;
			/*background-color: blue;*/
	}
}
@media(max-width: 991px){
		.input-date-icon{
		background: url('../images/Freesoft-sprite.png') no-repeat 553px -741px;
		cursor: pointer;
	}
	.selected-checkbox{
			/*background: url('../images/Freesoft-sprite.png') no-repeat 147px -705px;*/
			background: url('../images/ok-24.ico') no-repeat 224px ;
			/*background-color: blue;*/
	}
}
@media(max-width:768px) {
	.table-responsive{
		overflow-x:auto;
	}

    #page-wrapper {
        position: inherit;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
        margin:0;
    }
    .brand img {
		margin: 10px 0px 0px 10px;
	}
	.desktopFloatRight{
	float:none;
	}

}
#diverse_tekster1 .show-right-button1{
    position: absolute;
    top: 20px;
    right: 20px;
}
#diverse_tekster1 .show-right-button2{
    position: absolute;
    top: 20px;
    right: 110px;
}
.show-right-button1{
    position: relative;

    right: 20px;
}
.show-right-button2{
    position: relative;
    right: 110px;
}

.popover{
    width:200px;
    height:40px;

}
.color-box{
  background-color: silver;
  position: absolute;
  height: 2%;
  width: 4%;
}

.note-editor .note-editable {
    line-height: 1;
}

.panel-default>.panel-heading .badge {
	background-color: #4273B8;
}

table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}