.error{
	background-color: #dd4b39 !important;
	color:#fff;
	border-radius: 3px;
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
    border-color: #c23321;
}

.success{
	background-color: #00a65a !important;
	color:#fff;
	border-radius: 3px;
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
    border-color: #008548;
}

.input-group-btn {
    top: -30px;
    right: -120px;
}

.modal-body iframe{
	border: 0px;
}

.loading_page{
	z-index: 50;
    background: rgba(255,255,255,0.7);
    border-radius: 3px;
    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.loading_page .fa{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-15px;
	margin-top:-15px;
	color:#000;
	font-size:30px
}

.modal-body{
	background:url('/dist/img/preloader.gif') center center no-repeat;
}

.modal-content {
    border-radius: 5px;
 }
 
.label-grey {
    background-color: #C5CDD2 !important;
}
 
.label-black {
    background-color: #000000 !important;
}


.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a{
	overflow: visible;
	white-space: normal;
}

.login-page{
	background-image: url("../img/buildings.jpg");
}

.login-logo a, .register-logo a {
    color: #FFFEFE;
}

.login-box-body, .register-box-body {
    border-radius: 5px;
}

.fstrow td {
    font-weight: bold;
}

/* Freeze table columns start */

.headcol{
	position: absolute;
	width: 7em;
	left: 0;
	top: auto;
	margin-top: -1px;
}

.headcol1{
	position: absolute;
	width: 15em;
	left: 7em;
	top: auto;
	margin-top: -1px;
}
	
.freeze-columns{
	overflow-x: scroll;
	margin-left: 22em;
	overflow-y: visible;
}

.freeze-columns table{
	table-layout: fixed;
	word-wrap: break-word;
}

.attendance_status{
	width:10em; 
	text-align:center;
}

.salary_td{
	width:10em; 
	text-align:center;
}

/* Freeze table columns End */


.original_box{
	top: 0px;
    right: 0px;
}

#data{
	font-weight:bold;
	border:1px solid #3c8dbc;
	border-radius: 3px;
	padding:10px;
}

#salary_calulate .form-control{
	height: 20px;
	padding:0px;
}

.small{
	font-size:10px;
}

.pagination .active_tnt_link{
	background-color:#dedfe0;
}

.box-right{
	float:right;
}

.red{
	color:red;
}

.leave_credits{
	padding: 20px 0px;
    font-size: 16px;
    font-weight: bold;
	text-align: right;
    width: 100%;
}

.access_child_div{
	height: 300px;
    overflow: scroll;
    text-align: left;
}

.small_side{
	font-size:10px;
}


.green{
	color:green;
}

.invoice{
	margin: 10px auto;
    max-width: 920px;
	font-size: 16px;
}
.bank_details{
	background-color: rgb(239, 238, 238);
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
	display:none;
}
.invoice_modal{
	width:100%;
	background-color: #fff; 
	font-size:20px;
}
.invoice_modal label{
	font-weight: normal;
}
.timeline_date{
	color: #39cccc !important;
	background-color: #fff;
	border: 1px solid #39cccc !important;
}

.label-maroon{
	background-color: #d81b60 !important;
}


.label-teal{
	background-color: #39cccc !important;
}
.label-lime{
	background-color: #cddc42 !important;
}

.vertical_align_middle{
	vertical-align: middle !important;
}

/* drag drop stars here */
.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.gu-hide {
  display: none !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}


.leads-list{
    float:left;
    width: 14.2857%;
    min-width: 0px;
    padding: 5px;
}

.leads-list-title{
    background-color: #dce0e2!important;
    border-radius: 5px;
    padding: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.leads-list-cards{
    min-height:100px;
    height: 600px;
    overflow: scroll;
}
.lead-card{
    background-color:#fff;
    padding:3px;
    margin-top:5px;
    border-radius:3px;
}
.lead-card-client{
    font-weight:bold;
    width:100%;
    padding:2px 0px;
    font-size:14px;
}
.follow-ups{
    width:50%;
    float: left;
}
.lead-time{
    width:50%;
    float:right;
    text-align:right;
}
.lead-campaign{
    width:50%;
    
}
.card-label{
    width:50%;
    float:right;
    text-align:right;
}
.card-tag{
    display: inline;
    padding: 1px 5px;
    font-size: 60%;
    margin-left:3px;
}
.tag-primary{
    background-color: #3c8dbc !important;
}
.tag-warning{
    background-color: #f39c12 !important;
}

/* sales outbound leads page */

	.Primary {
		background-color : #3c8dbc !important;
	}
	.Info {
	  background-color: #2196F3 !important;
	}
	.Success {
		background-color : #00a65a !important;
	}
	.Warning {
		background-color : #f39c12 !important;
	}
	.Danger {
		background-color : #f56954 !important;
	}
	.lead-card {
    height: auto;
    display: inline-block;
        font-size: 12px;
}
.error {
color: #000;
border-radius: 3px;
margin: 0;
padding: 11px 6px 11px 6px;
border-left: 1px solid #eee;
border-left-color: rgb(238, 238, 238);
border-color: #c23321;
background-color: #ffffff !important;
}
label.error {
border-left: 0px !important;	
  color: #c23321;
}
#myModal .modal-body {
	background: none;
}
label[for="campaign_tags"]{
	width: 100%;
}
span.select2.select2-container.select2-container--default.select2-container--below {
    min-width: 300px;
}
select#campaign_tags {
    display: none;
}
.card-label{width: 100%;}
.select2-container {
    width: 100% !important;
}
.input-group.campaign_input {
    width: 100%;
}
.campaign_input input.select2-search__field {
    width: 100% !important;
}
.campaign_input .select2-container .select2-search--inline{width: 100%;}
.lead-card {
	height: auto;
	padding: 10px;
	display: inline-block;
	width: 100%;
}
/* modal css start here ==== */
.iframe_page  .modal-body iframe {
	border: 0px;
	display: inline-block;
	height: 583px;
}
.nav-tabs-custom > .tab-content iframe#iframe_page {
	border: 0px;
	width: 100%;
}
.iframe_page body.skin-blue.sidebar-mini {
	display: inline-block;
	width: 100%;
}
.iframe_page body.skin-blue.sidebar-mini section.content {
	padding: 0;
}
.bg_green{
    background-color: #a3ffae;
}

@media print {
  #pay_invoice {
    display: none;
  }
}

.message {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 70px;
	border: none !important;
}