/**
 *
 * Apply your custom CSS here
 *
*/
/* [data-campointegrado]:hover {

	animation: blink 0.5s;
    animation-iteration-count: 2;
	animation-delay: 3s;
} */
.modal.in .modal-dialog{
	width: 75%;
}
.calendar.right {
	display: block !important;
}
.calendar.left {
	display: block !important;
}

div.select2-container-disabled>a.select2-choice{
	background-color: #eeeeee !important;
}

.campo-integrado:hover {

	animation: blink 0.5s;
    animation-iteration-count: 2;
	animation-delay: 3s;
}

@keyframes blink { 50% { border-color:rgb(221, 240, 56) ; }  }

body {
	font-size: 14px
}

.page-container .main-content .page-title {
	padding: 20px 0px 10px 0px;
	margin-bottom: 10px;
}

.form-control {
	border: 2px solid #ccc;
	height: 38px;
}

.daterange-inline {
	border: 2px solid #ccc;
	height: 38px;
}

.btn.btn-primary {
	color: #fff
}

.selectpicker {
	border: 2px solid #ccc;
}

.blue {
	color: blue
}

.black {
	color: black
}

.bold {
	font-weight: bold;
}

.table td a {
	color: blue
}

td>.btn {
	color: #fff
}

.label {
	font-size: 13px !important;
}

.badge {
	font-size: 13px !important;
	/* 	padding: 6px !important; */
}

td.td-r {
	text-align: right;
}

th.td-r {
	text-align: right;
}

.td-l {
	text-align: left;
}

td.td-c {
	text-align: center !important;
}

th.td-c {
	text-align: center !important;
}

pre {
	font-size: 14px
}

.td-small {
	font-size: 80% !important;
}

.font-90 {
	font-size: 90% !important;
}

.nw th {
	white-space: nowrap !important;
}

.nw {
	white-space: nowrap !important;
}

.badge.badge-yellow, .badge.badge-warning {
	color: navy
}

.link {
	cursor: pointer;
}

.dataTables_wrapper table.dataTable thead>tr>th {
	padding-left: 5px;
	padding-right: 5px;
}

.dataTable.datagrid-azul table {
	border-collapse: collapse !important;
	text-align: left !important;
	width: 100% !important;
}

.datagrid-azul table {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
}

.datagrid-azul {
	font: normal 12px/150% Arial, Helvetica, sans-serif;
	background: #fff;
	overflow: hidden;
	border: 1px solid #006699;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.datagrid-azul table td, .datagrid-azul table th {
	padding: 3px 10px;
}

.datagrid-azul table thead th {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #006699
		), color-stop(1, #00557F));
	background: -moz-linear-gradient(center top, #006699 5%, #00557F 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#006699',
		endColorstr='#00557F');
	background-color: #006699;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	border-left: 1px solid #0070A8;
}

.datagrid-azul table thead th:first-child {
	border: none;
}

.datagrid-azul table tbody td {
	color: #00496B;
	border-left: 1px solid #E1EEF4;
	font-size: 12px;
	font-weight: normal;
}

.datagrid-azul table tbody .alt td {
	background: #E1EEF4;
	color: #00496B;
}

.datagrid-azul table tbody td:first-child {
	border-left: none;
}

.datagrid-azul table tbody tr:last-child td {
	border-bottom: none;
}

.datagrid-azul table tfoot td div {
	border-top: 1px solid #006699;
	background: #E1EEF4;
}

.datagrid-azul table tfoot td {
	padding: 0;
	font-size: 12px
}

.datagrid-azul table tfoot td div {
	padding: 2px;
}

.datagrid-azul table tfoot td ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.datagrid-azul table tfoot li {
	display: inline;
}

.datagrid-azul table tfoot li a {
	text-decoration: none;
	display: inline-block;
	padding: 2px 8px;
	margin: 1px;
	color: #FFFFFF;
	border: 1px solid #006699;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #006699
		), color-stop(1, #00557F));
	background: -moz-linear-gradient(center top, #006699 5%, #00557F 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#006699',
		endColorstr='#00557F');
	background-color: #006699;
}

.datagrid-azul table tfoot ul.active, .datagrid-azul table tfoot ul a:hover
	{
	text-decoration: none;
	border-color: #006699;
	color: #FFFFFF;
	background: none;
	background-color: #00557F;
}

div.dhtmlx_window_active, div.dhx_modal_cover_dv {
	position: fixed !important;
}

.dtemail table {
	width: 95%;
}

/* .dtemail img{ */
/* 	max-width: 100%; */
/* 	max-height: 100% */
/* 	height: auto; */
/* 	width: auto; */
/* } */
.dtemail p span img {
	max-width: 95%;
	max-height: 95%;
}

.filtros {
	border: 4px solid #F5F5F5;
	border-radius: 5px;
	padding: 15px;
	background-color: #eeeeee;
	/* 	margin: 10px 10px 10px 10px; */
}

.txt-fade {
	color: rgba(255, 255, 255, .8);
}

.radius10 {
	border-radius: 10px;
}

/* CSS do editor dos emails */
.btt {
	color: #fff;
	border-radius: 5px;
	border: 2px solid;
}

.btt-empresa {
	border-color: #186b1a;
	background-color: #72A230;
}

.btt-contato {
	border-color: #316a7f;
	background-color: #18A8DF;
}

.btt-produto {
	border-color: #9b6014;
	background-color: #fca635;
}

.btt-linha {
	border-color: #0f594f;
	background-color: #009886;
}

.btt-familia {
	border-color: #5b181b;
	background-color: #AB2D32;
}

.btt-config {
	border-color: #461d6d;
	background-color: #963ee8;
}

.btt-orcamento {
	border-color: #19033b;
	background-color: #9e7fcd;
}

.orcamento {
	border: 2px solid #72A230 !important;
	border-radius: 5px !important;
}

.orcamento-toolbar {
	text-align: center;
	border-radius: 5px;
	background-color: #d1f49f !important;
	height: 41px !important;
}

.marketing {
	border: 2px solid #344E86 !important;
	border-radius: 5px !important;
}

.marketing-toolbar {
	text-align: center;
	border-radius: 5px;
	background-color: #b1c5ed !important;
	height: 41px !important;
}

.representante {
	border: 2px solid #F69F2F !important;
	border-radius: 5px !important;
}

.representante-toolbar {
	text-align: center;
	border-radius: 5px;
	background-color: #f4d1a6 !important;
	height: 41px !important;
}

.vendedor {
	border: 2px solid #009886 !important;
	border-radius: 5px !important;
}

.vendedor-toolbar {
	text-align: center;
	border-radius: 5px;
	background-color: #9fc9c3 !important;
	height: 41px !important;
}

.cliente {
	border: 2px solid #fc5f5f !important;
	border-radius: 5px !important;
}

.cliente-toolbar {
	text-align: center;
	border-radius: 5px;
	background-color: #f4b7b7 !important;
	height: 41px !important;
}

/* 	############################ FIM CSS EDITOR DOS EMAILS ################################# */
.nav.nav-tabs>li>a {
	border-radius: 5px 5px 0px 0px;
	/*  color: white; */
}

.tab-content {
	border: 1px solid #6976ea;
	border-radius: 0px 0px 5px 5px;
}

/*  .nav.nav-tabs>li>a{  */
/*  background-color:  #cecfdd !important;  */
/*  }  */
.nav.nav-tabs>li.active>a {
	background-color: #646dc4 !important;
	color: white;
	font-weight: bold;
}

/* .nav.nav-tabs>li>a:hover{ */
/* background-color: #858ff7 !important; */
/* } */
.nav.nav-tabs>li>a:hover {
	background-color: #858ff7 !important;
	color: white;
}

.red {
	color: red
}

.green {
	color: green
}

#p-filters span i:hover {
	cursor: pointer;
}

.equipe {
	background-color: #40bbea !important;
	display: inline-block;
	min-width: 10px;
	/* 	max-width:130px; */
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	line-height: 1;
	vertical-align: baseline;
	/* 	white-space: nowrap; */
	text-align: center;
	background-color: #777;
	border-radius: 4px;
}

.marcador {
	/* 	background-color: #40bbea !important; */
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	line-height: 1;
	vertical-align: baseline;
	/*	white-space: nowrap;*/
	text-align: center;
	margin-top: 5px;
	background-color: #777;
	border-radius: 4px;
}

#menu-multi a {
	padding-left: 40px !important;
	margin: 0px !important;
}

#menu-multi span, #menu-multi li {
	padding: 0px !important;
	margin: 0px !important;
}

.x-md-3 {
	/* 	height: 450px;width: 450px; */
	float: left;
}

.mkt {
	text-shadow: 3px 3px 1px rgba(169, 156, 255, 1);
	font-weight: bold;
	color: #344E86;
	letter-spacing: 3pt;
	word-spacing: 2pt;
	font-size: 53px;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	line-height: 1;
}

.cw-maior {
	white-space: stripe !important;
	width: 60px !important;
}

.input-center {
	text-align: center;
}

.input-right {
	text-align: right;
}

/* css dos botões do datatables */
.dt-button-background {
	display: none !important;
}

.buttons-columnVisibility {
	background-color: white !important;
	color: black !important;
	border-color: blue !important;
	text-align: center !important;
}

.buttons-columnVisibility.active {
	background-color: #0C56AF !important;
	color: white !important;
	border-color: blue !important;
	text-align: center !important;
}

label>select[name*="_length"] {
	margin-top: 10px !important;
	margin-left: 10px !important;
}

.navbar-inner {
	font-size: 12px !important;
}

.x-small-font {
	font-size: 12px
}

.orange {
	color: orange
}

table {
	border-bottom: 0px !important;
}

.totais-mobile, .titulo-mobile, .item-div, .opcoes-mobile, .outros-mobile{
		display:none;
}

.password-wrapper {
    position: relative;
}

.password-wrapper .toggle-password {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #666;
    font-size: 16px;
    cursor: pointer;
    z-index: 2;
}

.password-wrapper input.form-control {
    padding-right: 35px;
}


@media (max-width : 400px) {
	.page-container .main-content {
		padding: 15px !important;
		word-break: inherit !important;
	}
	.badge.badge-yellow, .badge.badge-warning {
		margin-bottom: 10px;
		text-align: center;
	}
	.dash-clientes {
		padding: 10px 0;
	}
	.agenda-ocorrencias {
		padding: 15px !important;
	}
	.graficos {
		display: flex;
		flex-wrap: wrap;
	}
	
	.page-container .main-content .page-title{
		margin:0 !important;
	}
	
	body{
		font-size: 13px !important;
	}
	
	.totais-desktop, #tabela-itens, .titulo-desktop, .outros-deskop{
		display: none;
	}
	
	.totais-mobile, .item-div, .opcoes-mobile, .titulo-mobile, .outros-mobile{
		display:block;
	}
	
	.gg-box__title{
	display: block !important
	}
	
	.mdl-button{
		font-size: 13px;
	}
	
	.opcoes-orcamento{
		display: none;
	}
	
}

@media (max-width : 500px) {
	.datepicker-inline{
		width: auto !important;
		font-size: 25px;
	}
	
	.modal.in .modal-dialog{
		width: auto;
	}
	.calendar-env .calendar-main{
		padding: 15px !important;
	}
}