/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Set padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.profile-element {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 0px 30px aliceblue;
}
    .invoce-list-active {
    box-shadow: 0px 0px 15px black;
    display: block;
    border-radius: 5px;
}

/*FAncy Text Box CSS BY NIRAV 31-8-2017*/
.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	/*margin: 1em;
	max-width: 350px;*/
	width: calc(100% - 2em);
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: 500;
	
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #555;
	font-weight: 600;
	font-size: 100%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}

.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

.icon {
	color: #ddd;
	font-size: 150%;
}

/* Individual styles */
/* Hoshi */
.input--hoshi {
	overflow: hidden;
}

.input__field--hoshi {
	margin-top: 0em;
	padding: 1.85em 0.70em;
	width: 100%;
	background: transparent;
	color: #555;
}

.input__label--hoshi {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0 0.1em;
	width: 100%;
	height: calc(100% - 1em);
	text-align: left;
	pointer-events: none;
}

.input__label-content--hoshi {
	position: absolute;
}

.input__label--hoshi::before,
.input__label--hoshi::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 10px);
	border-bottom: 1px solid #f5f5f5;
}

.input__label--hoshi::after {
	margin-top: 2px;
	border-bottom: 2px solid red;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label--hoshi-color-1::after {
	border-color: hsl(168, 75%, 40%);
}

.input__label--hoshi-color-2::after {
	border-color: hsl(160, 100%, 50%);
}

.input__label--hoshi-color-3::after {
	border-color: hsl(20, 100%, 50%);
}

.input__field--hoshi:focus + .input__label--hoshi::after,
.input--filled .input__label--hoshi::after {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--filled .input__label-content--hoshi {
	-webkit-animation: anim-1 0.3s forwards;
	animation: anim-1 0.3s forwards;
}

@-webkit-keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}

@keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}

input.error
{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}
.form-control.error
{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}
.form-horizontal h3 {font-size:13px;}
/*
    Common
*/

.wizard,
.tabcontrol
{
    display: block;
    width: 100%;
    overflow: hidden;
}

.wizard a,
.tabcontrol a
{
    outline: 0;
}

.wizard ul,
.tabcontrol ul
{
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.wizard ul > li,
.tabcontrol ul > li
{
    display: block;
    padding: 0;
}

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info
{
    position: absolute;
    left: -999em;
}

.wizard > .content > .title,
.tabcontrol > .content > .title
{
    position: absolute;
    left: -999em;
}



/*
    Wizard
*/

.wizard > .steps
{
    position: relative;
    display: block;
    width: 100%;
}

.wizard.vertical > .steps
{
    display: inline;
    float: left;
    width: 30%;
}

.wizard > .steps > ul > li
{
    width: 25%;
}

.wizard > .steps > ul > li,
.wizard > .actions > ul > li
{
    float: left;
}

.wizard.vertical > .steps > ul > li
{
    float: none;
    width: 100%;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active
{
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 8px;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active
{
    background: #eee;
    color: #aaa;
    cursor: default;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active
{
    background: #1AB394;
    color: #fff;
    cursor: default;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active
{
    background: #6fd1bd;
    color: #fff;
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active
{
    background: #ED5565 ;
    color: #fff;
}

.wizard > .content
{
    background: #eee;
    display: block;
    margin: 5px 5px 10px 5px;
    min-height: 120px;
    overflow: hidden;
    position: relative;
    width: auto;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard-big.wizard > .content {
    min-height: 320px;
}
.wizard.vertical > .content
{
    display: inline;
    float: left;
    margin: 0 2.5% 0.5em 2.5%;
    width: 65%;
}

.wizard > .content > .body
{
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

.wizard > .content > .body ul
{
    list-style: disc !important;
}

.wizard > .content > .body ul > li
{
    display: list-item;
}

.wizard > .content > .body > iframe
{
    border: 0 none;
    width: 100%;
    height: 100%;
}

.wizard > .content > .body input
{
    display: block;
    border: 1px solid #ccc;
}

.wizard > .content > .body input[type="checkbox"]
{
    display: inline-block;
}

.wizard > .content > .body input.error
{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.wizard > .content > .body label
{
    display: inline-block;
    margin-bottom: 0.5em;
}

.wizard > .content > .body label.error
{
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
}

.wizard > .actions
{
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
}

.wizard.vertical > .actions
{
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}

.wizard > .actions > ul
{
    display: inline-block;
    text-align: right;
}

.wizard > .actions > ul > li
{
    margin: 0 0.5em;
}

.wizard.vertical > .actions > ul > li
{
    margin: 0 0 0 1em;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active
{
    background: #1AB394;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active
{
    background: #eee;
    color: #aaa;
}

.wizard > .loading
{
}

.wizard > .loading .spinner
{
}



/*
    Tabcontrol
*/

.tabcontrol > .steps
{
    position: relative;
    display: block;
    width: 100%;
}

.tabcontrol > .steps > ul
{
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
}

.tabcontrol > .steps > ul > li
{
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tabcontrol > .steps > ul > li:hover
{
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0;
}

.tabcontrol > .steps > ul > li.current
{
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
}

.tabcontrol > .steps > ul > li > a
{
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}

.tabcontrol > .steps > ul > li > a:hover
{
    text-decoration: none;
}

.tabcontrol > .steps > ul > li.current > a
{
    padding: 15px 30px 10px 30px;
}

.tabcontrol > .content
{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px;
}

.tabcontrol > .content > .body
{
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

.tabcontrol > .content > .body ul
{
    list-style: disc !important;
}

.tabcontrol > .content > .body ul > li
{
    display: list-item;
}


.paginationList ul {
    margin:0px !important;
}

.RecordCount {
}
/*packages subscription page*/
.payment-box {
        border: 1px solid #e7eaec;
    padding: 15px 0px;
    margin-top:10px;
    border-radius:5px;
}
.payment-box:hover{background:#f5f8f9;}
.test{position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;}

 .filter-border{border-color: #f9f5f5 !important;}
  .filter-border:focus{border-color: #1ab394 !important;
  }
  /*Invoce list BTN*/
  button.close{
          -webkit-appearance: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    background: 0 0 !important;
    border: 0 !important;
    height: 20px !important;
    background: #b51b00 !important;
    width: 20px !important;
        border-radius: 24%;
  }
  .close {
    float: right;
    font-size: 18px !important;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1 !important;
}
  button.close:focus{    outline: none !important;}





/*-------------11-10-2017-------------*/

.equal_icon i {font-size:16px;height:10px;overflow:hidden;}



.gray_bg { background:#fbfbfb;}
.port_gray { background:#e9e9e9;} 
.gray_hr {background-color: #9a9a9a;border-top: 1px dashed #e7eaec;color: #ffffff;height: 1px;margin: 20px 0 10px;}
.border-radius-three{ border-radius:3px!important;}

.SectionTitle1 {
    color: #292929;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    padding-top: 0.5em;
    width: 100%;
}    

.SectionTitle3 {
  border-bottom: 1px solid #d3d3d3;
  color: #048fc2;
  margin-top: 10px;
  padding-top: 0.5em;
  white-space: nowrap;
}

.profit_date .form-group {
 float:left; width:38%;}
.profit_date .form-group{
 margin-right:10px;}


.mt25 { margin-top:25px;}

.width {padding-left:10px;padding-right:10px;}  

.list-typ1{margin:0px;padding:0 0 0 25px;}
.list-typ1 li{list-style-type:disc; padding-bottom:10px;}


.mr5{ margin-right:5px;}
.ibox-content h3 { margin-bottom:15px;}

/*Add new Business css*/
@import url(http://fonts.googleapis.com/css?family=Montserrat);
/*basic reset*/
body {
  font-family: montserrat, arial, verdana;
  /*Image only BG fallback*/
  /*background: url('images/gs.png') repeat top left;*/
  background: #eaf5e7;
  /*background = gradient + image pattern combo*/
  /*background: linear-gradient(rgba(196, 102, 0, 0.2), rgba(155, 89, 182, 0.2)), url('images/gs.png') repeat top left;*/
}

/*form styles*/
#msform {
  /*width: 850px;*/
  height:800px;
  margin: 20px auto;
  text-align: center;
  position: relative;
}

#msform fieldset {
  background: white;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
  padding: 20px 30px;
  box-sizing: border-box;
  width: 59%;
  margin: 0 20%;
  /*stacking fieldsets above each other*/
  position: absolute;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
  display: none;
}

/*inputs*/
#msform input, #msform textarea, #msform select {
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
  font-family: montserrat;
  color: #2C3E50;
  font-size: 13px;
}

/*buttons*/
#msform .action-button {
  width: 180px;
  height:35px;
  line-height:0px;
  background: #27AE60;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 1px;
  cursor: pointer;
  margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
  box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}

/*headings*/
.fs-title {
  font-size: 15px;
  text-transform: uppercase;
  color: #2C3E50;
  margin-bottom: 30px;
}

.fs-subtitle {
  font-weight: normal;
  font-size: 13px;
  color: #666;
  margin-bottom: 20px;
}

/*progressbar*/
#progressbar {
  margin-bottom: 30px;
  margin-top:30px;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
  text-align:center;
  position:relative;
  padding:0;
}

#progressbar::before {
  background: #ccdfc7 none repeat scroll 0 0;
  content: "";
  height: 2px;
  position: absolute;
  top: 9px;
  width: 100%;
  left:0;
  right:0;  
}


#progressbar li {
  list-style-type: none;
  color: #2d5132;
  /*text-transform: uppercase;*/
  font-size: 13px;
  width: 12.28%;
 display:inline-block;
  position: relative;
  vertical-align:top;
  /*font-weight:bold;*/
}

#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 20px;
  line-height: 20px;
  display: block;
  font-size: 10px;
  color: #000;
  background: #ccdfc7;
  border-radius: 3px;
  margin: 0 auto 5px auto;
}

/*progressbar connectors*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: #ccdfc7;
  position: absolute;
  left: -50%;
  top: 9px;
  z-index: -1; /*put it behind the numbers*/
}



#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
  background: #426c44;
  color: white;
}
.divVATAccounting{
  display: none;
}

#jquery-script-menu {
  position: fixed;
  height: 90px;
  width: 100%;
  top: 0;
  left: 0;
  border-top: 5px solid #316594;
  background: #fff;
  -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  z-index: 999999;
  padding: 10px 0;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}

.jquery-script-center {
  width: 960px;
  margin: 0 auto;
}
.jquery-script-center ul {
  width: 212px;
  float:left;
  line-height:45px;
  margin:0;
  padding:0;
  list-style:none;
}
.jquery-script-center a {
  text-decoration:none;
}
.jquery-script-ads {
  width: 728px;
  height:90px;
  float:right;
}
.jquery-script-clear {
  clear:both;
  height:0;
}
.ml-120{
  margin: 0px 0px 0px 120px;
}
.add-business-frm{
  text-align: left !important;
  margin: 10px 0px  10px 0px;
}
.add-business-lbl{
}
.add-business-lbl span{
    color: #ff0000;
}
.btn-mt20{
  margin-top: 20px;
}
.mb-20{margin-bottom: 10px; overflow: hidden}
.pre-typ-25, pre-typ-25:focus, pre-typ-25:active{
  color: #828282;
  font-size: 12px;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
  padding-top: 10px;
  border: none !important;
}
/*First step css*/
#selectable-first .ui-selecting { background: #f9f9f9; color: #555555; }
#selectable-first .ui-selected { background: url("../../images/check-icon.png") no-repeat 250px 27px #eaf5e7 !important;
  border:2px solid #27ae60; }
#selectable-first { list-style-type: none; margin: 0; padding: 0; width: 620px; }
#selectable-first li { margin: 3px; padding: 30px 0 30px 0; float: left; width:300px; font-size: 18px; text-align: center; cursor: pointer; }

/*Secund    selectable-secund*/
#selectable-secund .ui-selecting { background: #f9f9f9; color: #555555; }
#selectable-secund .ui-selected { background: url("../../images/check-icon.png") no-repeat 250px 27px #eaf5e7  !important;
  border:2px solid #27ae60; }
#selectable-secund { list-style-type: none; margin: 0; padding: 0; width: 620px; }
#selectable-secund li { margin: 3px; padding: 30px 0 30px 0; float: left; width:300px; font-size: 18px; text-align: center; }


/*VAT Schem css*/
#selectable .ui-selecting { background: #f9f9f9; color: #555555; }
#selectable .ui-selected { background: url("../../images/check-icon.png") no-repeat 250px 27px #eaf5e7  !important;
  border:2px solid #27ae60; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 620px; }
#selectable li { margin: 3px; padding: 30px 0 30px 0; float: left; width:300px; font-size: 18px; text-align: center; }

/*VAT accounting css*/
#selectable-accounting .ui-selecting { background: #f9f9f9; color: #555555; }
#selectable-accounting .ui-selected { background: url("../../images/check-icon.png") no-repeat 250px 27px #eaf5e7  !important;
  border:2px solid #27ae60; }
#selectable-accounting { list-style-type: none; margin: 0; padding: 0; width: 620px; }
#selectable-accounting li { margin: 3px; padding: 30px 0 30px 0; float: left; width:300px; font-size: 18px; text-align: center; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 2px solid #d3d3d3 ;
  background: #f9f9f9;
  font-weight: normal;
  color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada url("../../images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #212121;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url("../../images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}



.plus_icon{font-size:14px;}
.mt70{margin-top:70px;}
.all_chack {margin-right:5px!important;margin-top: -4px!important;vertical-align: middle;}

   

/*----------------invoice plus button css start-----------------*/

.fixed-action-btn.spin-close .plus-button{position: relative;}
.fixed-action-btn.spin-close .plus-button i {opacity: 1;transition: transform 0.3s, opacity 0.3s;}
.fixed-action-btn.spin-close .plus-button:before {
background: #ffffff none repeat scroll 0 0;
content: " ";
height: 3px;
left: 50%;
margin-left: -0.6rem;
margin-top: -1px;
opacity: 0;
position: absolute;
top: 50%;
transform: rotate(0deg);
transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
width: 1.2rem;
}
.fixed-action-btn.spin-close .plus-button:after {
 background: #ffffff none repeat scroll 0 0;
content: " ";
height: 3px;
left: 50%;
margin-left: -0.6rem;
margin-top: -1px;
opacity: 0;
position: absolute;
top: 50%;
transform: rotate(0deg);
transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
width: 1.2rem;
}
.fixed-action-btn.spin-close.open .plus-button i {opacity: 0;}
.fixed-action-btn.spin-close.open .plus-button:before {opacity: 1;transform: rotate(135deg);}
.fixed-action-btn.spin-close.open .plus-button:after {opacity: 1;transform: rotate(405deg);}
button.btn-floating {border: none;}
.fixed-action-btn.open ul {visibility: visible;}
.fixed-action-btn.horizontal ul {background: #ffffff none repeat scroll 0 0;border-radius: 5px 0 0 5px;   box-shadow: 0 0 5px #575a5c;height: 39px;
left: auto;padding: 8px 4px 6px 8px;right: 28px;text-align: right;top: 11px;transform: translateY(-50%);}
.fixed-action-btn.horizontal ul li {display: table-cell;margin:0px 0px 0 0;padding-right: 4px;}
.fixed-action-btn.toolbar {padding: 0;height: 56px;}
.fixed-action-btn.toolbar.active>a i {opacity: 0;}
.fixed-action-btn.toolbar ul {display: -webkit-flex;display: -ms-flexbox;display: flex;top: 0;bottom: 0;}
.fixed-action-btn.toolbar ul li {-webkit-flex: 1;-ms-flex: 1;flex: 1;display: inline-block;margin: 0;height: 100%;transition: none;}
.fixed-action-btn.toolbar ul li a {display: block;overflow: hidden;position: relative;width: 100%;height: 100%;background-color: transparent;
box-shadow: none;color: #fff;line-height: 56px;z-index: 1;}
.fixed-action-btn.toolbar ul li a i {line-height: inherit;}
.fixed-action-btn ul {left: 0;right: 0;text-align: center;position: absolute;bottom: 64px;margin: 0;visibility: hidden;}
.fixed-action-btn ul li {margin-bottom: 15px;}
.fixed-action-btn ul a.btn-floating {opacity: 0;}

.fixed-action-btn.horizontal ul {
    z-index: 99999;}
@media (max-width: 1920px) {

    .fixed-action-btn.horizontal ul {z-index:99999;    }
}
.notice-bg {
    background-color: #2a3565;
    background: url('../Images/notice-bg.png');
    color:#fff;
    background-size:cover;
    background-position:center;
}
.invoce-list:hover {
    border-radius: 5px !important;
}



.product-imitation {background-color: #f8f8f9;color: #bebec3;font-weight: 600;padding-bottom: 80%;position: relative;text-align: center;}
.product-imitation a {display:block;height: 100%;position: absolute;width: 100%;}
.product-imitation img { border: medium none;border-radius: 0;max-width: 100%;min-height: 100%;object-fit: cover;transition: all 0.5s ease 0s;
width: 100%; margin:0;}

#MyListTableBody .ibox:hover .product-imitation img{transform: scale(1.1);transition: all 0.5s ease 0s;}
.product-imitation { overflow:hidden;}
.product-desc {background:#f7f7f7; padding-bottom:5px; border-top:1px solid #e7eaec;}
.product_title {margin-bottom:7px;}
.product_title a {border-bottom:1px dashed #5e6163; padding-bottom:5px; color:#5e6163; font-size:18px;}
.product_add_button{float:right;}
.product_add_button button { position:absolute; right:0; bottom:0;}
.product_category{font-size:13px;}
.product_code{font-size:13px;}
.product_qulity{font-size:13px; float:left;}

.shiping_basket { position:relative; float:right;}
.nav-line-1 {height: 14px;line-height: 14px;margin-top:0px;  float: left;}
.nav-cart-icon{display: block;height:30px;left: 10px;overflow: hidden;position: absolute;top:3px;width:42px;
background:url("images/Cart.png") no-repeat 0 0;}
.nav-cart-count{font-size:16px;left:24px;top:9px;width:19px;top:1px;font-weight:700;line-height:16px;position:absolute;text-align:center;color:#337ab7;}
.nav-line-2{clear:both;float:left;font-size:14px;font-weight:700;margin-left:46px;color:#337ab7;}

.stock_items .col-sm-2 { padding:10px; border:1px solid #f7f7f7; min-height:40px; text-align:center;}
.bill_amount .col-sm-4{ background:#e8e8e8 ; padding:10px; min-height:40px;}

.left_table{ width:100%;}
.left_table th{background:#f7f7f7; width:30%;}
.left_table {border:1px solid #e7eaec;}
.left_table th{ border:1px solid #e7eaec; padding:10px;}
.left_table td{ border:1px solid #e7eaec; padding:10px;}

 

.ibox-title .head_create .dropdown-menu > li > a:focus, .ibox-title .head_create .dropdown-menu > li > a:hover { background:#2D6DA5!important; color:#fff!important;}



@media only screen and (max-width:1280px) {

.dataTables_paginate {position: relative;z-index: 55;}
.ibox-content .select2 { width:100%!important;}  

}


@media only screen and (min-width:767px) and (max-width:770px){

.navbar-right { margin-right:15px!important;}
 
}



/*--------------conformation page ----------*/

.thanks_area {
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.5);
    max-width: 700px;
    margin: 15px auto;
}

.thanks_icon {
    background: #244D71;
    border-radius: 3px 3px 0 0;
    line-height: 228px;
    min-height: 228px;
    text-align: center;
}

.thanks_content {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 0 0 3px 3px;
    padding: 40px;
    text-align: center;
}

    .thanks_content h2 {
        color: #23b67f;
        font-size: 36px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .thanks_content h3 {
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
    }


.hr-line-dashed-2 {
    border-top: 1px dashed #e7eaec;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin: 10px 0 10px 0px;
}

.rotator_input {
    text-align: right;
}

.rotator_editor_area .rotator_input input {
    width: 100px;
    display: inline;
}

.questions_title {
    padding: 10px;
    border: 1px solid #ccc;
}

.questions_ans {
    padding: 10px;
    border: 1px solid #ccc;
    border-top: none;
}

.product_lstview {
    display: inline-block;
}


.border-table {
    border: 1px solid #e7eaec;
}

.palletcharges_table .group-header {
    background: #f7f7f7;
}

    .palletcharges_table .group-header label {
        font-size: 14px;
        font-weight: 600;
    }

.palletcharges_table th {
    font-size: 14px;
    font-weight: 600;
    border-right: 1px solid #e7eaec;
}

.palletcharges_table td {
    border-right: 1px solid #e7eaec;
}

.dotted_border {
    border: 2px dashed #ccc;
}



.ui-datepicker .ui-state-hover .ui-icon {
    background-image: url('images/ui-icons_444444_256x240.png') !important;
}





@media only screen and (min-width:1024px) and (max-width:1100px) {
}

@media only screen and (min-width:800px) and (max-width:1023px) {


    .select2 {
        width: 100% !important;
    }

    .ibox-tools .select2 {
        width: auto !important;
        margin-bottom: 5px;
    }

    .ibox-tools .btn {
        margin-bottom: 5px;
    }

    .im0 {
        margin: 0 !important;
    }
}

@media only screen and (min-width:768px) and (max-width:799px) {

    .select2 {
        width: 100% !important;
    }

    .ibox-tools .select2 {
        width: auto !important;
    }

    .im0 {
        margin: 0 !important;
    }
}


@media only screen and (max-width:767px) {

    .ibox-tools {
        width: 100% !important;
        text-align: left !important;
    }

        .ibox-tools .input-group {
            margin-bottom: 5px !important;
        }

        .ibox-tools .select2 {
            margin-bottom: 5px !important;
        }

    .ibox-title h5 {
        float: none !important;
        display: block !important;
        margin: 6px 11px 5px 0 !important;
    }

    .mm0 {
        margin: 0 !important;
    }
}




/*---------------   eportal   -----------------*/

.eportal_area {
    margin: 0 !important;
}

.product_serch_area {
    border-top: 1px solid #e7eaec;
    border-bottom: 1px solid #e7eaec;
    background: #F3F3F4;
}

    .product_serch_area .form-group {
        margin-bottom: 5px;
    }

    .product_serch_area label {
        font-weight: normal;
    }

.eportal_area .wrapper-content {
    max-width: 85%;
    margin: 0 auto;
}

.paypal_box {
    width: 49%;
    float: left;
}

.World_box {
    width: 49%;
    float: right;
}

.full_select .select2 {
    width: 100% !important;
}

.header_area {
    background: #fff;
    padding: 10px 0;
    border-top: 3px solid #3680C2;
}

.eportal_logo img {
    width: 30%;
}

.header_area_in {
    width: 80% !important;
    margin: 0 auto;
}

.select2-container--open {
    z-index: 999999;
}




/*-------------NoticeBoard news section------------*/

.news_gray_section {
    background: #F3F3F4;
    border: 1px solid #244D71;
    border-top: 2px solid #244D71;
    float: left;
    width: 100%;
}

    .news_gray_section .news_date {
        background: #244D71;
        padding: 10px;
        width: 15%;
        float: left;
        color: #fff;
        font-size: 14px;
        text-align: center;
        word-wrap: break-word;
        min-height: 90px;
    }

.news_content {
    float: right;
    width: 85%;
    padding: 10px 15px;
}

.news_title_in {
    float: left;
    width: 100%;
}

.news_sub_name {
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 5px;
    line-height: 16px;
}

    .news_sub_name:before {
        background: #244D71;
        height: 2px;
        width: 30px;
        position: absolute;
        left: 0;
        bottom: 0;
        content: "";
    }

.news_content #readMore {
    float: right;
    margin-top: 3px;
}

.news_date span {
    display: block;
}


/*-------------NoticeBoard rottetor section------------*/

/*-------------------------------rotator css with slider 23-3-2018- by Nirav----------------------------*/
.rotator-box {
    background: #fdfdfd;
    margin-top: 5px;
    padding: 12px 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 2px #d6d8da;
    margin-bottom: 5px;
    width: 99% !important;
}

    .rotator-box img {
        height: 120px;
    }
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        color: transparent;
        outline: none;
        background: transparent;
    }

        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: .25;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        color: white;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 0px;
    padding-top: 15px;
}

}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                font-family: 'slick';
                font-size: 6px;
                line-height: 20px;
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 20px;
                content: '•';
                text-align: center;
                opacity: .25;
                color: black;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            opacity: .75;
            color: black;
        }
/*-------------------------------rotator css with slider 23-3-2018- by Nirav----------------------------*/
/*NEW css by Nirav Patel 29-3-2018*/

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}

.company-list {
    max-height: 365px;
    overflow: auto;
    margin-top: 11px;
}

    .company-list li {
        cursor: pointer;
    }

        .company-list li:hover {
            color: #1ab394;
        }

.clange_company_list li {
    border-radius: 0px !important;
    border: none !important;
    padding: 6px 6px 6px 12px;
    position: relative;
}

.list-group-item {
    background-color: inherit;
    border: 1px solid #e7eaec;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative;
}

.clange_company_list li:hover {
    background: #F3F3F4;
}

.notify-txt {
    color: #333;
}

/*1111111111111111*/

.media-list {
    max-width: 360px !important;
    padding: 0;
}

.dropdown-menu.media-list .dropdown-header {
    padding: 10px 15px !important;
    background: #f2f3f4;
    font-size: 10px;
    color: #585c61;
}

.dropdown-header {
    font-size: 14px;
    font-weight: 700;
    color: #242a30;
    padding: 0;
    margin: 0 0 10px;
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-menu.media-list .dropdown-header + .media {
    margin-top: -10px;
}

.dropdown-menu.media-list > .media {
    margin-top: 0;
    border-top: 1px solid #f2f3f4;
    border-bottom: 1px solid #f2f3f4;
    margin-bottom: -1px;
}

.media, .media-body {
    overflow: hidden;
    zoom: 1;
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.dropdown-menu.media-list > .media > a {
    display: block;
    padding: 10px 15px !important;
    clear: both;
    white-space: nowrap;
    margin: 20px 0px 0px 0px !important;
}

.dropdown-item, .dropdown-menu > li > a {
    display: block;
    padding: 5px 15px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
}

.dropdown-menu.media-list > .media .media-left {
    padding-right: 10px;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.dropdown-menu.media-list > .media .media-object {
    height: 48px;
    width: 48px;
    line-height: 48px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
}

.media .media-object {
    width: 128px;
}

.bg-silver-darker {
    background-color: #b4b6b7 !important;
}

.media-body {
    width: 10000px;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.media, .media-body {
    overflow: hidden;
    zoom: 1;
}

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.media-heading {
    font-weight: 600;
    margin: 0 !important;
    line-height: 16px;
    font-size: 12px;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
    color: #000;
}

.dropdown-menu.media-list p {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 5px;
    line-height: 16px;
    max-width: 270px;
    color: #585c61;
}

.text-muted {
    color: #b6c2c9 !important;
}

.f-s-11 {
    font-size: 11px !important;
}

.text-muted {
    color: #6c757d !important;
}

.dropdown-footer {
    padding: 10px 15px;
}

.dropdown-menu > li.dropdown-footer > a {
    padding: 0 !important;
    display: inline !important;
}

.dropdown-item, .dropdown-menu > li > a {
    display: block;
    padding: 5px 15px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333 !important;
    white-space: nowrap;
    text-decoration: none;
}

.dropdown-menu.media-list > .media > a:focus, .dropdown-menu.media-list > .media > a:hover {
    background: #f9f9f9;
}

.dropdown-menu > li.dropdown-footer > a:focus, .dropdown-menu > li.dropdown-footer > a:hover {
    background: 0 0 !important;
    text-decoration: underline !important;
}

.noti-date {
    line-height: 1;
}

.u-text h4 {
    color: #333 !important;
}

.show > .scale-up {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: right 0px;
    -ms-transform-origin: right 0px;
    transform-origin: right 0px;
}

.topbar .profile-pic {
    width: 30px;
    border-radius: 100%;
}

.topbar ul.dropdown-user {
    padding: 0px;
    min-width: 300px;
    width: max-content;
}

    .topbar ul.dropdown-user li {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        .topbar ul.dropdown-user li .dw-user-box {
            padding: 10px 15px;
        }

            .topbar ul.dropdown-user li .dw-user-box .u-img {
                width: 80px;
                display: inline-block;
                vertical-align: top;
            }

                .topbar ul.dropdown-user li .dw-user-box .u-img img {
                    width: 100%;
                    border-radius: 5px;
                }

            .topbar ul.dropdown-user li .dw-user-box .u-text {
                display: inline-block;
                padding-left: 10px;
            }

                .topbar ul.dropdown-user li .dw-user-box .u-text h4 {
                    margin: 0px;
                }

                .topbar ul.dropdown-user li .dw-user-box .u-text p {
                    margin-bottom: 2px;
                    font-size: 14px;
                }

                .topbar ul.dropdown-user li .dw-user-box .u-text .btn {
                    color: #ffffff;
                    padding: 5px 10px;
                    display: inline-block;
                }

        .topbar ul.dropdown-user li.divider {
            height: 1px;
            margin: 9px 0;
            overflow: hidden;
            background-color: rgba(120, 130, 140, 0.13);
        }

.logout-icon {
    padding: 0px 0px 10px 10px !important;
}

.logut-lnk {
    color: #f36e44;
    float: right;
}




/* css by nirav 6-4-2018*/
.card-no-border .card {
    border-color: #d7dfe3;
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}

.card {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.card {
    margin-bottom: 20px;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.hd-typ1 {
    line-height: 0px;
    font-size: 15px;
    padding-top: 6px;
}

.hd-typ2 {
    line-height: 18px;
    font-size: 16px;
    font-weight: 400;
}

.round.round-info {
    background: #1e88e5;
}

.round.round-warning {
    background: #ffb22b;
}

.round.round-danger {
    background: #fc4b6c;
}

.round.round-primary {
    background: #7460ee;
}

.round-lg {
    line-height: 65px;
    width: 60px;
    height: 60px;
    font-size: 30px;
}

.round {
    line-height: 24px !important;
    color: #ffffff;
    width: 30px;
    height: 30px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    border-radius: 100%;
    background: #1e88e5;
}

    .round i {
        font-size: 18px;
    }

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

html body .m-l-10 {
    margin-left: 10px;
}

/*html body .font-light {
    font-weight: 300;
}*/

.text-muted {
    color: #99abb4 !important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle !important;
}

/*.nav > li > a {
    font-weight: normal !important;
}*/


.navbar-right li:first-child a:hover {
    background: #286090 !important;
}

.navbar-right li:first-child a i {
    margin: 0;
}


.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 2px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 15px 15px 7px;
    min-height: 48px;
}


.create-pallet-wrapper input[type="text"] {
    background-color: #f2f2f2 !important;
    font-size: 18px !important;
    padding: 2px 5px 2px 5px !important;
    display: block !important;
    border: none !important;
    border-bottom: 1px solid #dddddd !important;
    outline: none;
    margin-bottom: 10px
}

.MyListTable {
    padding: 0px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(145,145,145,1);
    -moz-box-shadow: 0px 0px 2px 0px rgba(145,145,145,1);
    box-shadow: 0px 0px 2px 0px rgba(145,145,145,1);
}

.create-pallet-wrapper input[type="text"]:hover, .create-pallet-wrapper input[type="text"]:focus {
    border-bottom: 1px solid #808080 !important;
}

.MyListTable .group-header {
    background: #dddddd;
    min-height: auto;
    padding: 5px 15px;
    margin-bottom: 10px;
}
/*CSS BY NIRAV PATEL 16-4-2018*/
.shoping-cart-table tr {
    border-bottom: 1px dashed #e7eaec;
}

.shoping-cart-table .form-control {
    border: 1px solid #e5e6e7 !important;
}

.form-control, .single-line {
    /*border-width: 0px 0px 1px 0px !important;*/
}

.select2-container--default .select2-selection--single {
    /*border-width: 0px 0px 1px 0px !important;*/
}

.select2-container--default .select2-selection--multiple {
    /*border-width: 0px 0px 1px 0px !important;*/
}

.control-label {
    font-weight: 500 !important;
    color: #8a8a8a !important;
    font-size: 14px !important;
}

.product-desc-2 {
    padding: 5px;
    position: relative;
    background: #f7f7f7;
    border-top: 1px solid #e7eaec;
    min-height: 130px;
}

.product_title-2 a {
    /* border-bottom: 1px dashed #5e6163; */
    padding-bottom: 5px;
    color: #5e6163;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product_code {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product_category {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.RequiredDropdown + span .select2-selection--single {
    /*border-bottom: 1px solid #fc2e5a !important;*/
    border-left: 3px solid #fc2e5a !important
}

.inbox .inbox {
    margin-bottom: 0
}

.inbox .tab-content {
    overflow: inherit
}

.inbox .inbox-loading {
    display: none;
    font-size: 22px;
    font-weight: 300
}

.inbox .inbox-header {
    overflow: visible;
    padding-top: 13px;
}

    .inbox .inbox-header h1 {
        margin: 0 0 20px;
        color: #666
    }

.inbox .pagination-control .pagination-info {
    display: inline-block;
    padding-right: 10px;
    font-size: 14px;
    line-height: 14px
}

.inbox tr {
    color: #4a4848;
    font-size: 15px;
    border-bottom: 1px solid #e8e8e8;
}

    .inbox tr label {
        display: inline-block
    }

    .inbox tr.unread td {
        font-weight: 600;
        vertical-align: middle;
    }

.inbox td i.icon-paper-clip {
    top: 2px;
    color: #d8e0e5;
    font-size: 17px;
    position: relative
}

.inbox tr i.icon-star, .inbox tr i.icon-trash {
    cursor: pointer
}

.inbox tr i.icon-star {
    color: #eceef0
}

label.checkbox-custom.check-success {
    margin-bottom: 0px;
    display: table;
}

.inbox tr i.icon-star:hover, .inbox tr i.inbox-started {
    color: #f36a5a
}

.inbox .table td, .inbox .table th {
    border: none;
    vertical-align: middle;
}

.inbox .table th {
    background: #eef4f7;
    border-bottom: solid 5px #fff
}

.inbox th label.inbox-select-all {
    color: #828f97;
    font-size: 13px;
    padding: 1px 4px 0
}

.inbox td.text-right {
    width: 100px;
    text-align: right
}

.inbox td.inbox-small-cells {
    width: 10px
}

.inbox .table-hover tbody tr:hover > td, .inbox .table-hover tbody tr:hover > th, .inbox .table-striped tbody > tr:nth-child(odd) > td, .inbox .table-striped tbody > tr:nth-child(odd) > th {
    background: #f8fbfd;
    cursor: pointer
}

.inbox .table-hover tbody tr:hover > td, .inbox .table-hover tbody tr:hover > th {
    background: #eef4f7
}

.inbox .inbox-drafts {
    padding: 8px 0;
    text-align: center;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee
}

.inbox-view-header {
    margin-bottom: 20px
}

    .inbox-view-header h1 {
        color: #666;
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 0 !important
    }

        .inbox-view-header h1 a {
            top: -2px;
            color: #fff;
            cursor: pointer;
            font-size: 13px;
            padding: 2px 7px;
            line-height: 16px;
            position: relative;
            background: #b0bcc4;
            display: inline-block
        }

            .inbox-view-header h1 a:hover {
                background: #aab5bc;
                text-decoration: none
            }

    .inbox-view-header i.icon-print {
        color: #94a4ab;
        cursor: pointer;
        font-size: 14px;
        display: inline-block;
        padding: 6px 8px !important;
        background: #edf1f4 !important
    }

        .inbox-view-header i.icon-print:hover {
            background: #e7ebef !important
        }

.inbox-view-info strong {
    color: #666;
    margin: 0 10px 0 5px
}

.inbox-view {
    color: #666;
    padding: 10px 0 0
}

    .inbox-view a {
        color: #169ce9
    }

.inbox-attached {
    line-height: 16px
}

    .inbox-attached a {
        margin: 0 2px
    }

    .inbox-attached img {
        height: auto;
        max-width: 250px;
        margin-bottom: 5px
    }

    .inbox-attached span {
        margin-right: 3px
    }

    .inbox-attached strong {
        color: #555;
        display: block;
        font-size: 13px
    }

.inbox-attached {
    margin-bottom: 25px
}

    .inbox-attached .mg-bottom-15 {
        margin-bottom: 15px
    }

.inbox-compose {
    margin-top: 1px;
    border: 1px solid #eee
}

.compose-editor {
    padding-left: 15px;
}

.inbox-compose-btn {
    padding: 12px;
    background: #f0f6fa
}

.inbox-compose-attachment {
    padding: 8px
}

    .inbox-compose-attachment .btn {
        padding: 4px 10px
    }

.inbox-compose .inbox-form-group {
    margin-bottom: 0;
    position: relative;
    border-bottom: solid 1px #eee
}

.inbox-compose .controls {
    margin-left: 85px
}

.inbox-compose .inbox-form-group > label {
    width: 80px;
    float: left;
    color: #979797;
    text-align: right
}

.inbox-compose .controls > input {
    border: none !important
}

.inbox-compose .controls-to {
    padding-right: 55px
}

.inbox-compose .controls-bcc, .inbox-compose .controls-cc {
    padding-right: 20px
}

.inbox-compose .inbox-form-group a.close {
    top: 13px;
    right: 10px;
    position: absolute
}

.inbox-compose .mail-to .inbox-cc-bcc {
    display: inline-block;
    top: 7px;
    right: 10px;
    color: #979797;
    font-size: 14px;
    cursor: pointer;
    position: absolute
}

.inbox-compose .mail-to .inbox-bcc {
    margin-left: 5px
}

.inbox-compose .mail-to inbox-bcc:hover, .inbox-compose .mail-to inbox-cc:hover {
    color: #777
}

.inbox-compose .wysihtml5 {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important
}

.inbox-compose .wysihtml5-sandbox {
    padding: 0 !important;
    margin: 5px 0 0 !important;
    display: block !important;
    border: 0 !important;
    width: 100% !important;
    border-left: none;
    border-right: none
}

.inbox-compose .wysihtml5-toolbar {
    border: 0;
    border-bottom: 1px solid #eee
}

    .inbox-compose .wysihtml5-toolbar > li {
        height: 34px;
        margin-right: 0;
        margin-bottom: 0
    }

        .inbox-compose .wysihtml5-toolbar > li > a, .inbox-compose .wysihtml5-toolbar > li > div > a {
            background: #fff !important;
            border-color: #fbfbfb !important
        }

            .inbox-compose .wysihtml5-toolbar > li > a:hover, .inbox-compose .wysihtml5-toolbar > li > div > a:hover {
                background: #f1f1f1 !important;
                border-color: #f1f1f2 !important;
                border-radius: 0
            }

    .inbox-compose .wysihtml5-toolbar .dropdown.open .dropdown-toggle, ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
        background: #eee !important
    }

.mail-option {
    padding: 0px 0px 20px 20px;
}

.label.mail-counter-style {
    padding: 2px 6px 4px !important;
    font-size: 10px;
}

.label.mail-label {
    padding: 3px 6px !important;
    font-size: 11px;
}

.table-inbox .avatar img, .table-inbox .avatar spanimg {
    width: 30px;
    height: 30px;
}

.table-inbox .avatar img, .table-inbox .avatar span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
}

.table-inbox .avatar span {
    text-align: center;
    color: #fff;
}

.inbox-sidebar {
    background: #F2F0F5;
}

.inbox .inbox-nav > li > a {
    color: #333333;
}

.inbox-sidebar {
    background: #E8EAED;
}

.unread td {
    background-color: #f9f8f8;
    font-weight: 700;
}

.all-invoce-0 {
    background-color: #3f8105;
    color: #ffffff;
}

.all-invoce-1 {
    background-color: #1c84c6;
    color: #ffffff;
}

.all-invoce-2 {
    background-color: #ed5565;
    color: #ffffff;
}

.all-invoce-3 {
    background-color: #a47c7c;
    color: #ffffff;
}

.all-invoce-4 {
    background-color: #23c6c8;
    color: #ffffff;
}

.all-invoce-5 {
    background-color: #f8ac59;
    color: #ffffff;
}

.all-invoce-6 {
    background-color: #3f8105;
    color: #ffffff;
}

.all-invoce-7 {
    background-color: #1c84c6;
    color: #ffffff;
}

.all-invoce-8 {
    background-color: #ed5565;
    color: #ffffff;
}

.all-invoce-9 {
    background-color: #a47c7c;
    color: #ffffff;
}

.all-invoce-10 {
    background-color: #23c6c8;
    color: #ffffff;
}

.all-invoce-11 {
    background-color: #f8ac59;
    color: #ffffff;
}

.all-invoce-12 {
    background-color: #3f8105;
    color: #ffffff;
}
/*19-4-2018 new CSS Nirav*/
.notification {
}

.notification-type {
    margin-top: 15px;
}

.notification-date {
}

.address-box {
}

.address-tital {
    background-color: #f7f7f7 !important;
    /* box-shadow: 0 0px 10px rgba(0, 0, 0, 0.19), 0 4px 7px rgba(0, 0, 0, 0.23); */
    /* text-indent: 85px; */
    padding: 10px 1px 10px 15px;
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 14px;
    color: #686b6d;
    text-transform: uppercase;
    margin-left: 0;
    border-bottom: 1px solid #d6d5d5;
}

    .address-tital i {
        margin-right: 10px;
    }

.addres-box-data {
    padding: 15px 10px 10px 15px;
    min-height: 140px;
}