.textarea-fom{
	width: 50px;
	height:10px;
	padding:5px;
}

.widget-summary .summary .amount {
	margin-right: .2em;
	/*font-size: 24px;*/
	font-size: 2.0rem;
	font-weight: 600;
	color: #333333;
	vertical-align: middle;
}

.box-without-right-border{  
	border-right: none !important;
	-webkit-border-radius: 0px 0px 0px 0px !important; 
	border-radius: 0px 0px 0px 0px !important;
}  	

body .btn-default-transaction { 
	background-color: #fff;
	border-color: #ccc;
	border-left: none !important;	
	color: #555; 
	outline: 0;
	-webkit-box-shadow: inset 0px 0.4px 0px 0px rgba(0, 0, 0, .125);
	box-shadow: inset 0px 0.4px 0px 0px rgba(0, 0, 0, .125);	         	    
}

body .btn-default-transaction:hover {
	background-color: #fff;
	border-color: #ccc !important;
	border-left: none !important;	       
	color: #555;
	outline: 0;
	-webkit-box-shadow: inset 0px 0.4px 0px 0px rgba(0, 0, 0, .125);
	box-shadow: inset 0px 0.4px 0px 0px rgba(0, 0, 0, .125);
}

body .btn-default-transaction:active,
body .btn-default-transaction:focus {
	background-color: #fff;
	border-color: #ccc !important;
	border-left: none !important;	        
	color: #555;
	outline: 0;
	-webkit-box-shadow: inset 0px 0.4px 0px 0px rgba(0, 0, 0, .125);
	box-shadow: inset 0px 0.4px 0px 0px rgba(0, 0, 0, .125);
}

body .btn-default-transaction[disabled] {
	background-color: #fff;
	border-color: #ccc !important;
	border-left: none !important;	         
	color: #555;
	outline: 0; 
	-webkit-box-shadow: inset 0px 0.4px 0px 0px rgba(0, 0, 0, .125);
	box-shadow: inset 0px 0.4px 0px 0px rgba(0, 0, 0, .125);
}


.panel-widget {
	padding: 4px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px !important;
}

.chart-data-selector h2 .multiselect {
	background: #f6f6f6;
	border: 0 none;
	font-size: 15px !important;
	font-weight: 600;
	margin: -4px 0 0 4px !important;
	padding: 3px 12px 3px 8px;
}

@media (max-width: 360px) {
	/* body { background: red  ;}*/

	.chart-data-selector h2 {
		color: #33353f;
		font-size: 17px !important;
		line-height: 20px;
		margin: 0;
		padding: 0;
		text-transform: none;
		letter-spacing: -1px;
	}

	.chart-data-selector h2 .multiselect {
		background: #f6f6f6;
		border: 0 none;
		font-size: 11px !important;
		font-weight: 600;
		margin: -4px 0 0 4px !important;
		padding: 3px 12px 3px 8px;
	}
}


@media (min-width: 1200px) and (max-width: 1280px) {
	
	/*body { background: red  ;}*/

	.widget-summary .summary .title {
		margin: 0;
		/*font-size: 16px;*/
		font-size: 1.2rem;
		/*line-height: 22px;*/
		line-height: 2.2rem;
		color: #333333;
		font-weight: 500;
	} 

	.widget-summary .summary .amount {
		margin-right: .2em;
		/*font-size: 24px;*/
		font-size: 2.4rem;
		font-weight: 600;
		color: #333333;
		vertical-align: middle;
	}

	.chart-data-selector h2 .multiselect {
		background: #f6f6f6;
		border: 0 none;
		font-size: 13px !important;
		font-weight: 600;
		margin: -4px 0 0 4px !important;
		padding: 3px 12px 3px 8px;
	}

	.ocultar{
		display:none;
	}
}
#returnMylist{
	text-align: left;
	min-height: 20px;
}
#snackbar {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 1;
	left: 50%;
	bottom: 30px;
	font-size: 17px;
}

#snackbar.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
	from {bottom: 0; opacity: 0;} 
	to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
	from {bottom: 0; opacity: 0;}
	to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
	from {bottom: 30px; opacity: 1;} 
	to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
	from {bottom: 30px; opacity: 1;}
	to {bottom: 0; opacity: 0;}
}
.checkbox-yahoo label:before {
	background: #780196; 
	border-color: #780196;
}
.sign{
	border-radius: 5px;
	box-shadow: 1px 1px #eee;
	width: 150px;
	height: 38px;
	/*margin-top: 5px;*/
}
.sign img:hover, .ready{
	opacity: 0.5;
}
.sign-yahoo.ready,#actualizarYahoo.ready:hover, 
.sign-gmail.ready, #actualizarGmail.ready:hover,
.sign-hotmail.ready,#actualizarHotmail.ready:hover{background: #444;cursor: default;}
.sign-yahoo{background: #5a0f8e;}
.sign-gmail{background: #df4a32;}
.sign-hotmail{background: #015abe;}
.hide{
	display: none;
}
/*table.dataTable.display tbody th{
	max-width: 130px;
	overflow: hidden;
}*/

.display.dataTable.no-footer.dtr-inline.fixedHeader-locked,
.display.dataTable.no-footer.dtr-inline.fixedHeader-floating{
	display: none;      
}

@media only screen and (max-width: 2280px){
	#contactsGet_filter {
		width: 45%;
	}
}
.dataTables_filter label input.form-control.input-sm{
	float: right;
	width: 70%;
	margin-top: -4px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	background: none;
	box-shadow: none;
	border: none;
}
#contactsGet_wrapper .dt-buttons{
	float:left;
}
thead>tr{
	white-space:nowrap;
}

.header {
	z-index: 1001 !important;
}

.page-header {
	z-index: 900 !important;
}

.additional-filter-row .select2-container {
    z-index: 5 !important;
}

.panel-sidebar-crm{border-left: 1px solid #E5E5E5 !important; padding-left:20px;}
.sidebar-crm{
    position:absolute; 
    width:80px; 
    left:0px; 
    min-height:auto; 
    z-index:10 !important; 
    background:#FFF; 
    padding-bottom:15px;
}
.msnAlert{
	display:none;
}
caption{text-align: center;}
.not-active {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: black;
}
.addContacts{
	margin-top: 4px;
	height: 40px;
}

.mb-5{
	margin-bottom: 35px;
}

/*.modal-content {
    width: 20%;
    top: 40%;
    height: auto;
}*/

.loader {
  position: relative;
  text-align: center;
  margin: 15px auto 35px auto;
  z-index: 9999;
  display: block;
  width: 80px;
  height: 80px;
  border: 10px solid rgba(0, 0, 0, .3);
  border-radius: 50%;
  border-top-color: #3498db;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

.loader-txt {
  p {
    font-size: 13px;
    color: #666;
    small {
      font-size: 11.5px;
      color: #999;
    }
  }
}

table.table thead .sorting_asc:before {
    content: '\25B2';
}

table.table thead .sorting_desc:before{
    content: '\25BC';
}

body .btn-primary {
    border-color: #0e5581 !important;
    background-color: #0e5581 !important;
}
btn-avanti-red {
    background: #ea5e5c !important;
    color: white !important;
}

html .pagination > li.active a, html .pagination > li.active a:hover {
    background-color: #0e5581;
    border-color: #0e5581;
}

.loadingImg{
	width: 10%;
	margin-left: 50%;
	margin-top: 50%;
}

.wizard-progress.wizard-progress-lg ul li .progressName {
    padding-top: 40px;
    font-size: 14px;
	width:162px;
}	

#w4 .wizard-progress.wizard-progress-lg, html.dark .wizard-progress.wizard-progress-lg {
    margin: 0 0 30px;
    width: 96%;
}
.datepicker {
    padding: 10px;
}
#total_contacts{
	line-height: 15.5px;
}
@media screen and (max-width: 480px) {
  #total_contacts {
    margin-top: 10px;
  }
}
.circle{
	border-radius: 50%;
	border-style: solid;
	height: 100%;
	width: 2%;
}
.circle-red{
	color: #C63533;
}
.circle-orange{
	color: #FFA800;
}
.circle-green{
	color: #1AC65E;
}
.pending-icon-color {
	background-color:  #0E5581;
}
.min-desktop {
	width: 13%;
}
.min-desktop-act {
	width: 28%;
}

.detail-pending-table{
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}
.width-fixed{
	width:250px !important;
	padding-right: 15px;
	padding-left: 15px;
}

.property-details-saved{
	max-height: 200px;
	overflow-x: auto;
	clear: both;
	margin-bottom: 20px;
}

.min-width-icon{
	width: 5%;
}
#pending_table_act thead th {
    text-align: center;
}

.float-right {
	float: right;
}

.chart-container {
	width: 100%;
	max-width: 400px;
	height: auto;
	margin: auto;
}

.conten-average{
	
}

.tab-pane .icon-container {
    display: flex;
    justify-content: center;
}
.sidebar-crm:hover{transition: all 0.08s; border-right: none; width: 250px !important;}
.sidebar-crm .icon{width:39px; height:39px; border-radius:100px; margin:10px 0px 5px 0px; display: flex; align-items: center; justify-content: center; background-color: #D1D3DB; font-size: 16px;}
.sidebar-crm:hover ul li:hover .icon{background-color: #0E5581;}
.sidebar-crm:hover ul li.active{background: #DCDEE58C;}
.sidebar-crm ul li.active .icon{background: #0E5581;}
.sidebar-crm:hover ul li:hover{background: #DCDEE58C;}
.sidebar-crm ul li{display: flex;}
.sidebar-crm ul li a{text-decoration: none; display: flex; align-items: center; justify-content: center; cursor: pointer; width:100%;}
.sidebar-crm ul li a i{color:#FFF;}
.sidebar-crm ul li a .title{color:#333; font-weight: 400; padding-top: 10px; padding-left:15px; font-size:14px; display: none;}
.sidebar-crm:hover ul li a .title{display: block !important;}
.sidebar-crm:hover ul li.active a .title{color:#0E5581; font-weight: 700;}
.sidebar-crm:hover ul li:hover a .title{color:#0E5581; font-weight: 700;}
.sidebar-crm:hover ul li a{justify-content: left !important; padding-left:20px !important;}
#audience{margin-top:0px !important}
.title-tabs{color:#333 !important; font-weight: 700 !important;}
.title-tabs h3{margin-top:10px;}
.tutorial-icon.iconTabs{color:#333 !important;}

.phone-disabled {
  color: grey;
  opacity: 0.5;
  cursor: not-allowed;
}

.crm-close{
	font-size: 21px!important;
}

.text-truncate-tooltip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  display: inline-block;
  cursor: pointer;
}

.text-truncate-tooltip-xs {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 43px;
  display: inline-block;
  cursor: pointer;
}

.text-truncate-tooltip-sm {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
  display: inline-block;
  cursor: pointer;
}

#opportunities .title-tabs .tango-url .tango-icon.dlo,
#opportunities .title-tabs .addContactPlay i {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	font-size: 0.88em !important;
}
