/*<style> Gambi para funcionar sintax check no VSCode */

*::-webkit-scrollbar 
{
	width:10px;
}

*::-webkit-scrollbar-thumb 
{
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #474f58;
}

html
{
	font-family: Segoe Ui, regular;
	margin: 0px;
	padding:0px;
	color: #171717;
	text-align: left;
	background: #eceff3;
}

html,body,div,p,li,ul,table,form,input
{
	font-family: Segoe Ui, regular;
	margin: 0px;
	padding:0px;
	text-align: left;
	color: #505050;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
	margin-top: 0px!important;
	margin-bottom: 10px!important;
}

table
{
	width: 100%;
}

td
{
	height: 40px;
    font-size: smaller;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
}

small, .small {
    font-size: 75%!important;
    font-weight: 400;
	color: #0a99db
}

.btn-footer{
	margin-top: 15px;
}

.timer
{
	font-size: 22px;
}

.tela-agente-disponivel
{
    margin: 6px 8px;
    padding: 3px 8px;
	font-size: medium;
	background-color: #65bb00;
	color: white;
	text-align: center;
}

.a-right
{
	float:right;
	margin-right: 5px;
}

.a-right.deletar
{
	cursor: pointer;
}

.a-right:hover.deletar
{
	text-decoration: underline;
}

.acoes-campanhas
{
	column-count: 1;
}

.select-acoes
{
	height: 20px;
	padding: 8px;
	background-color: #f3f1f2;/*#effcff;*/
	border-radius: 4px;
}

.select-acoes-campos:first-child
{
	margin-top: 5px;
}

.select-acoes-campos
{
	height: 20px;
	padding: 8px;
	margin: 5px 0px;
	margin-top: 0px;
	border-radius: 4px;
}

.btn-google-drive
{
	width: 145px;
	color: white;
	font-weight: bold;
	text-align: right !important;
	border: 2px solid #1F2F3C;
	background: url('../images/icon-google-drive.png') 5px 50% no-repeat #1F2F3C;
}

.btn-google-drive:hover
{
	color: #1F2F3C;
	border: 2px solid #1F2F3C;
	background-color: white;
}

.centralizar-texto
{
	text-align: center;
}

.checkbox input[type=checkbox]
{
	float: none !important;
	margin: 0px !important;
}

html
{
	background-color: #eff2f5;
	height: auto;
	min-height: 100%;
	min-width: 1150px
}

ul, li
{
	list-style-type: none;
}

body
{
	clear: both;
}

#body {
	height: 100%;
}

/* Menu*/
#main-menu
{
	float: left;
	margin-top: 0px;
	min-width: 3%;
	width: 275px;
	height: 100%;
	background: #1f2630;
	position: fixed;
	z-index: 3;
	top: 0px;
	box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
}

#main-menu-small
{
	float: left;
	margin-top: 0px;
	width: 84px;
	min-height:100%;
	height: 500px;
	background: #1f2630;
	position: fixed;
	z-index: 11;
	top: 0px;
}

#main-menu-small ::-webkit-scrollbar 
{
	background-color: #1f2630;
	width:10px;
}

#main-menu-small ::-webkit-scrollbar-thumb
{
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #474f58;
}

#main-menu #main-logo #texto
{
	float:left;
	padding:18px;
	color: #FFF;
	font-size: 16px;
}

#main-menu #main-logo #icon-mobile
{
	float:right;
	padding: 14px;
	padding-top: 22px;
	padding-right: 0px;
	width: 30px;
}

#icon-mobile img:hover
{
	cursor: pointer;
}

#main-menu-small #main-logo #icon-mobile div img
{
	height: 100%;
}

#main-menu-small #main-logo #icon-mobile
{
	padding-top: 20px;
}

#main-menu #main-logo #icon-mobile div img
{
	width: 100%;
}

#main-menu-small #main-logo img
{
	width: 50px;
	margin: auto auto auto 0px;
    padding-left: 0px;
	padding-top: 30%;
}

#menu-content
{
	/* padding-top: 15px; */
	color: white;
	font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif, Arial, sans-serif;
	font-size: 13px;
	height: calc(100% - 96px - 15px);
	overflow: auto;
	overflow-x: hidden;
}

/*elemento do menu pequeno esq*/
#main-menu-small #menu-content #menu-primary
{
	position: relative;
}

#main-menu-small #menu-content #menu-primary li:hover
{
	background: rgba(0,0,0,0.25);
	opacity: 1;
	transition: background 0.15s;
}

#main-menu-small .submenu_bloco
{
	position: fixed;
	left: 75px;
	box-shadow: rgb(0 0 0 / 28%) 0px 5px 15px;
}

#menu-content #menu-primary li ul.submenu li .sub
{
	font-size: small;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-top: 15px;
}

#main-menu-small #menu-content #menu-primary li .primary div
{
	width: 20px;
	height: 20px;
}

#main-menu #menu-content #menu-primary li .primary div
{
	margin-right: 25px;
	width: 20px;
	height: 20px;
}

#menu-content #menu-primary li .primary div img
{
	height: 100%;
}

#main-menu-small #menu-content #menu-primary li .primary div
{
	padding: 0;
}

.nome_menu_pequeno
{
    width: fit-content !important;
    margin-top: -10px;
    font-size: 10px;
    white-space: break-spaces;
    text-align: center;
	max-width: 70px;
	color: #d4d4de}

/* !menu */

/* login */
html.login
{
	background-color: #232328;
}

#body #index {
	float: left;
	width: calc(100% - 25%);
	margin: 0px;
}

#index .box {
	margin: 20% 15% 15% 35%;
}

#index .box table {
	width: 100%;
	border-color: gray;
	border: 1px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background: #ebebeb;
	border-collapse: collapse;
}

#index .box table th {
	background: #f5f5f6;
	border: 1px solid #ebebeb;
	color: #949494;
	font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 8px;
	text-align: left;
	padding-bottom: 10px;
}

#index .box table td {
	background: #FFFFFF;
	border: 1px solid #ebebeb;
	color: #949494;
	font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif, Arial, sans-serif;
	font-size: 12px;
	padding: 8px;
	padding-bottom: 10px;
}

#index .box table td a{
	text-decoration: none;
	color: black;
	font-weight: bold;
}

#index .box div {
	margin-top:15px;
}

#index .box div a {
	text-decoration: none;
	color: black;
	font-weight: 500;
	font-size: 13px;
}

#index .box .head {
	background-color: #fafafa;
	margin: 0px;
	border: 1px solid #EBEBEB;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	font-weight: 500;
	font-size: 21px;
	color: #373e4a;
	padding: 30px 25px;
}

/* !login */

/* cabeçalho */

#header {
	height: 55px;
	border: 1px solid #ffffff;
	border-top: 0px;
	background: #ffffff;
	padding-bottom: 10px;
	margin-bottom: 30px;
	box-shadow: 0px 4px 4px -5px #888888;
	padding-top: 20px;
	display: flex;
	justify-content:  flex-end;
}
#header #admin-user {
	float: left;
	height: 100%;
	color: #373e4a;
	width: 46%;
	margin: 0px;
	position: relative;
}

#header #admin-user ul {
	height: 100%;
}

#header #admin-user ul li {
	width: auto !important;
}

#header #admin-user ul li a {
	width: 250%;
}


#header #user {
	float: left;
	height: 100%;
	color: #373e4a;
	width: 48%;
	margin: 0px;
	position: relative;
}

#header #user ul {
	height: 100%;
}

#header #user ul li {
	float: right;
	text-align: right;
}

#header #user ul li a {
	width: 100%;
	float: right;
	text-align: left;
	font-weight: 700;
	left: 0 !important;
}

#dominio {
	float: right;
	width: 100%;
}

hr {
	margin: 15px 0px!important;
	border: 1px;
	border-top: 1px solid #EBEBEB;

}


/* !cabeçalho */

/* conteudo */

#content {
	min-width: 50%;
	max-width: 99%;
	margin: 0px;
	padding: 0px;
	margin-left: 300px;
	min-height:100%;
}

#content:first-child, #content-expand:first-child
{
	margin-left: 0px;
	margin-top: -30px;
}

#content-expand {
	min-width: 50%;
	max-width: 96%;
	margin: 0px;
	margin-left: 110px;
	min-height:100%;
	height: auto;
}

input, select, textarea, button
{
	font-family: 'Segoe Ui', regular;
	padding: 5px;
	margin-top: 3px;
	width: 100%;
	height: 34px;
	border: 1px solid #DADBDD;
	min-height: 20px;
	background: #ffffff;
	color: #606278;
	border-radius: 0px!important;
}

input[type="radio"]
{
    margin: 3px 3px 1px 5px;
    width: 13px;
    min-height: 0px !important;
    height: 12px;
}
input[type="radio"]:checked,
	input[type="radio"]:not(:checked) {
		position: absolute;
		left: -9999px;
	}
	input[type="radio"]:checked + label,
	input[type="radio"]:not(:checked) + label
	{
		position: relative;
		padding-left: 22px;
		cursor: pointer;
		line-height: 20px;
		display: inline-block;
		color: #666;
		margin-right: 15px;
	}
	input[type="radio"]:checked + label:before,
	input[type="radio"]:not(:checked) + label:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 18px;
		height: 18px;
		border: 1px solid #c5c5c5;
		border-radius: 100%;
		background: #fff;
	}
	input[type="radio"]:checked + label:after,
	input[type="radio"]:not(:checked) + label:after {
		content: '';
		width: 12px;
		height: 12px;
		background: #4a89dc;
		position: absolute;
		top: 3px;
		left: 3px;
		border-radius: 100%;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	input[type="radio"]:not(:checked) + label:after {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	input[type="radio"]:checked + label:after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
input[type="submit"], input[type="button"]
{
    transition: none;
	text-align: center;
}

input:hover, select:hover, input:active , select:active, textarea:hover, textarea:active
{
	border: 1px solid #0073aa;
}

#menu-superior-info-usuario
{
	cursor: pointer;
	font-size:14px;
	width: 100%;
	text-align: right;
}

#menu-superior-info-usuario div
{
	color: #606278;
}

.menu-top
{
	cursor: default;
	float: right;
	position: relative;
	height:40px;
	background-color: #ffffff !important;
}

.menu-top:first-child
{
	padding-right: 10px;
	padding-left: 10px;
	cursor: pointer;
}

.menu-top:hover:first-child
{
	background: #2b4455;
}

.menu-top-bt
{
	width: 55px;
	height: 30px;
	background-color: rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, 0);
	color:#FFFFFF;
	font-size: 12px;
	border: 0px;
}

.menu-top-bt
{
	width: 55px;
	height: 30px;
	background-color: rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, 0);
	color:#FFFFFF;
	font-size: 12px;
	border: 0px;
}

.menu-top-bt-notify
{
	width: 38px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0);
	border-color: #606278;
	color:#FFFFFF;
	font-size: 12px;
	border: 0px;
}

.menu-superior
{
	margin: auto 0px;
	top: 0px;
	z-index: 100;
	background-color: #ffffff;
    background-clip: padding-box;
	width: calc(100% - 260px - 15px);
	position: fixed;
	min-width: 1000px;
	margin-left: -25px;
	height: 110px;
	border-bottom: 1px solid #e7e9f1;
	box-shadow: rgb(0 0 0 / 10%) 0px 5px 5px;
}

.menu-superior-cima
{
	border-bottom: 1px solid #b5b5b5;
	height: calc(59px - 15px);
}


.img_menu_superior
{
	width: 45px !important;
    height: 45px;
	border-radius: 100%;
    border: 1px solid #e7e9f1;
}

.div-superior-baixo
{
	padding-left: 25px;
	color: #171717;
	height: calc(30px - 15px);
	padding-top: 10px;
}

#content-expand .menu-superior
{
	width: calc(100% - 75px);
}

#content .menu-superior
{
	width: calc(100% - 280px);
}

#main-menu-small .logo_grande, #main-menu .logo_pequeno
{
	display: none;
}

#main-menu-small .logo_pequeno, #main-menu .logo_grande
{
	display: inline;
}

.menu-superior img
{
	width: 35%;
	margin-left: 5px;
}

.show-on-hover:hover > button
{
    background-image: url("../images/icon-notify-arrow.png");
	background-position-x: 4px;
}
.show-on-hover:hover > ul.dropdown-menu {
    display: block;
}

.show-on-hover-dados-usuarios:hover > button
{
    background-image: url("../images/icon-notify-arrow-dados-usuario.png");
    filter: invert(10%);
    -webkit-filter: invert(10%)
}

.show-on-hover-dados-usuarios:hover > ul.dropdown-menu {
    display: block;
}

.scrollable-menu {
    height: auto;
    max-height: 370px;
    overflow-x: hidden;
}

.scrollable-menu::-webkit-scrollbar
{
	width: 1px;
	background-color: #fff;
}

notify
{
	position:absolute;
	top: 0px;
	margin-left: 13px;
	padding:2px 6px;
	background: red;
	color: white;
	border-radius:3px;
}

.dropdown-menu
{
	margin-top: 0px !important;
	border-top: 0px !important;
	padding: 1px 0px !important;
}

.dropdown-menu>li>div
{
	display:block;
	padding:7px 20px;
	font-weight:400;
	line-height:1.42857143;
	color:#333;
	white-space:nowrap;
	float: left;
}

.dropdown-menu>li>div>a
{
	width: 100%;
	height: 100%;
}

.notificacao-titulo
{
	font-size:16px;
	color:#262626 !important;
	text-decoration:none !important;
	background-color:#d5d5d5 !important;
}

.notificacao
{
	width: 400px;
	background-color:#fff !important;
	border-bottom: solid #e0e0e0 1px;
	cursor: pointer;
}

.notificacao:last-child
{
	border-bottom: solid #fff 1px;
}

.usuario
{
	width: 400px;
	background-color:#fff !important;
	border-bottom: solid #e0e0e0 1px;
	cursor: pointer;
}

.notificacao:hover,.notificacao:focus
{
	color:#262626 !important;
	text-decoration:none !important;
	background-color:#f5f5f5 !important;
}

.div-notificacao-grande
{
	width: 300px;
	padding-right: 0px!important;
	float:left;
	word-break: break-word;
    white-space: normal !important;
}

.div-notificacao-pequeno
{
	margin: auto;
	padding:7px 10px !important;
	width: 60px;
	float:left;
	text-align: center;
	cursor: pointer;
	height: 100%;
	min-height: 100%;
	vertical-align: middle;
}

.div-notificacao-grande>a
{
	width: 100%;
	height: 100%;
}

.notificaco-ver-mais
{
	padding: 7px 0px;
	text-align: center;
	width: 100%;
}

.div-notificacao
{
	width: 100%;
}

.notificaco-ver-mais>a
{
	padding: 7px 20px !important;
}

.notificacao-nao-lida
{
	background-color: #FFFEED !important;
}

.notificacao img
{
	width: 20px;
	margin: 0px;
	margin-top: -2px;
	margin-left: -5px;
}

/*Filter styles*/
.saturate {-webkit-filter: saturate(3); filter: saturate(3);}
.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.contrast {-webkit-filter: contrast(160%); filter: contrast(160%);}
.brightness {-webkit-filter: brightness(0.25); filter: brightness(0.25);}
.blur {-webkit-filter: blur(3px); filter: blur(3px);}
.invert {-webkit-filter: invert(100%); filter: invert(100%);}
.sepia {-webkit-filter: sepia(100%); filter: sepia(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}
.rss.opacity {-webkit-filter: opacity(70%); filter: opacity(70%);}

.oculto
{
	display: none;
}

.oculto-importante
{
	display: none !important;
}

.input-pequeno {
	min-width: 170px;
	width: 10%;
}

.input-medio {
	width: 40%;
}

.input-grande {
	width: 90%;
}

.btn-gradient-disable,
.btn-gradient:disabled,
.btn-gradient:disabled:hover
{
    opacity: 0.5;
}

.btn
{
	width: 130px;
}

.btn-default
{
	padding: 6px 12px;
	border: 2px solid #18c0e2;
	cursor: pointer;
	color: #FFF;
	background:  #18c0e2;
	font-weight: bold;
}

.btn-default:hover
{
	border: 2px solid #18c0e2;
	background: #18c0e2;
	color: #73AEDF;
}

.btn-default:active
{
	background: #18c0e2;
	border: 2px solid #FFF;
	color: #FFF;
}

.btn-primary
{
	width: 90px;
}

.btn-gradient
{
	color: #FFF;
	float: left;
	width: 170px;
	margin-left: 5px;
	cursor: pointer;
	background-color: #076d9c;
	align-items: center;
}

.btn-gradient.bloqueado
{
	background-color:#e6e6e6; color:#68737d;
	cursor: default;
	font-weight: bold;
	font-size: 14px;
	border: 2px solid #1F2F3C;
	border: 2px solid white;
	width: 30%;
	align-items: center;
}

.btn-gradient:hover:not(.bloqueado)
{
	color: #fff;
	border: 1px solid #DADBDD;
	background-color: #0988c3;
	align-items: center;
}

.btn-gradient:active:not(.bloqueado)
{
	border: 1px solid #DADBDD;
	color: #018EC3;
}

.btn-download {
	min-width: 30%;
	width: 70%;
	max-width: 100%;
	padding: 6px 12px;
	border: 1px solid transparent;
	cursor: pointer;
	color: #dbdbdd;
	background: #666;
}

.btn-download:hover {
	background: #262b34;
	color: #FFF;
}

.radio {
	padding: 0px;
	max-width: 100%;
	width: 30px;
	font-size: 12px;
	border: 0px solid #EBEBEB;
	height: 15px;
	margin: 0px;
}

/*inicio do css pages*/
#pages {
    display: table;
    width: 100%;
	margin-top: 25px;
}

#pages div{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#pages div a div{
	color: #1f2f3c;
    border: 1px solid #F3F3F3;
    padding: 4px;
    width: 22px;
    height: 32px;
	text-decoration: none;
}

#pages div a:hover div{
	color: #1F2F3C;
	background: #d2d2d2;
	text-decoration: underline #c5d2da;
    border: 1px solid #d2d2d2;
}

#pages div a.current div{
    color: #fff;
    background: #1f2f3c;
    padding: 4px;
    width: 22px;
    height: 32px;
    margin-right: 5px;
}
/*final do css pages*/

.bloco {
	width: 50%;
}

#player_pai{
	display: none;
}

.input-disable{
	background: #F1F1F1;
}

.td-small {
	width: 9%;
}

.td-medio {
	width: 30%;
}

.controlerAlerts, .controlerAlertsJs
{
	width: 100%;
	position : fixed;
	top: 0px;
	left: 0px;
	z-index: 9999;
}

.fechar_mensagem{
	position: fixed;
	right: 15px;
	top: 5px;
	color: #ffffff;
	cursor: pointer;
}

.alerts
{
	padding: 14px 14px 14px 14px;
	margin-bottom:20px;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
	background:#fcf8e3;
	border-width: 1px;
	border-style: solid;
	border-color: #fbeed5;
	text-align: center;
}

.sucesso
{
	background: #00b300;
	font-weight: bold;
	border-color: #00cc00;
	color:#FFFFFF;
}

.aviso-azul
{
	background:#d9edf7;
	font-weight: bold;
	border-color:#3B89AF;
	color:#3a87ad;
}

.aviso-amarelo
{
	color: #8a763b;
	font-weight: bold;
	background: #fffed4;
	border-color: #cac0ac;
}

.erro
{
	font-weight: bold;
	background:#b94a48;
	border-color:#9B6E75;
	color: #FFFFFF;
}

.nao_usado li, .usado li
{
	min-width: 10%;
	max-width: 90%;
	padding: 6px 12px;
	border: 2px solid #0094D9;
	cursor: pointer;
	color: #FFF;
	background: #0094D9;
	font-weight: bold;
}

.nao_usado li:hover, .usado li:hover
{
	border: 2px solid #0094D9;
	background: #FFF;
	color: #0094D9;
}

.nao_usado li:active, .usado li:active
{
	background: #0094D9;
	border: 2px solid #FFF;
	color: #FFF;
}

.clear {
	clear:both;
}

.head-card
{
    font-size: large;
	font-weight: 500;
}

.janela .head-card
{
	border-radius: 0px;
	width: calc(100% + 2px - 30px);
	margin-left: -1px;
}

.box-card
{
	padding: 10px 15px !important;
	margin-top: 10px;
	width: calc(100% - calc(15 * 2)px - 4px) !important;
	min-height: 75px;
	overflow: auto;

}

.box-card tr:first-child
{
	border-top: 0px !important;
}

.box
{
	width: calc(100% - 50px);
	margin-top: 30px;
	margin-bottom: 10px;
	background-color: #FFF;
	display: inherit;
    z-index: 3;
	padding: 15px;
	box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
}

.box-1-of-3
{
	flex: 1 0 calc(33.33% - 60px);
	margin: 10px;
	margin-left: 0px;
	margin-right: 20px;
	background-color: #fff;
	padding:15px;
	box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
}

.box-1-of-3-sem-fundo
{
	flex: 1 0 calc(33.33% - 60px);
	margin: 10px;
	margin-left: 0px;
}

.box-1-of-3-sem-fundo2
{
	flex: 1 0 calc(33.33% - 60px);
	margin: 10px;
	margin-left: 0px;
	margin-right: 20px;
	padding:15px;
}

.dot_color
{
  	height: 13px;
  	width: 12px;
  	background-color: #0984e3;
  	border-radius: 50%;
  	display: inline-block;
}

.dot_stripped
{
  	height: 13px;
  	width: 12px;
  	background-image: linear-gradient(125deg, #e9eaf3 25%, #ffffff 25%, #ffffff 50%, #e9eaf3 50%, #e9eaf3 75%, #ffffff 75%, #ffffff 100%);
	background-size: 10px 10px;
  	border-radius: 50%;
  	display: inline-block;
}

.div_dot
{
	display: inline;
    cursor: pointer;
}

.box-1-of-4
{
	width: calc(25% - 24px);
	background-color: #fff;
	margin-right: 10px;
	display: inline-block;
	height: 115px;
	margin-top: 30px;
	border-radius:1px;
	padding:5px;
	box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
}

.box-3-of-4
{
	width: calc(75% - 24px);
	background-color: #fff;
	margin-right: 10px;
	display: inline-block;
	height: 115px;
	margin-top: 30px;
	border-radius:1px;
	padding:5px;
	box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
}

.box-1-of-5
{
	width: calc(20.05% - 24px);
	background-color: #fff;
	margin-right: 10px;
	display: inline-block;
	height: 85px;
	margin-top: 30px;
	padding:5px;
	box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
}
.box-1-of-7
{
	width: calc(14.38571428571429% - 24px);
	background-color: #fff;
	margin-right: 10px;
	display: inline-block;
	height: 85px;
	margin-top: 30px;
	padding:5px;
	box-shadow: rgb(0 0 0 / 28%) 0px 5px 15px;
}

.box-1-of-6
{
	width: calc(16.75% - 24px);
	background-color: #fff;
	margin-right: 10px;
	display: inline-block;
	height: 85px;
	margin-top: 30px;
	padding:5px;
	box-shadow: rgb(0 0 0 / 28%) 0px 5px 15px;
}
.content-box {
	margin-top: 115px;
	padding: 0px 0px 20px;
    display: table;
    width: 100%;
}

#content-expand #content-box{
	height: auto;
}

form table tr:nth-child(odd) td
{
	background-color: #FFF;
}
.form-select{
	border-radius: 1px;
	height: 34px;
	font-size: 14px;
	padding: 5px!important;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

tr:nth-child(odd) td
{
	background-color: #FFF;
}

tr:nth-child(even) td
{
	background-color: #FFF;
}

tr td.sem-borda
{
	border-bottom: none;
}

th {
	font-weight: 500;
    font-size: medium;
    text-align: center;
    color: #505050;
    border-bottom: 1px solid #a2a3b7;
}

.ui-progressbar.middle .ui-progressbar-value{
	background: #E69578 !important;
	border: 1px solid #E69578 !important;
}

.ui-progressbar.beginning .ui-progressbar-value{
	background: #95BD7F !important;
	border: 1px solid #95BD7F !important;
}

.ui-progressbar.end .ui-progressbar-value{
	background: #E77D7F !important;
	border: 1px solid #E77D7F !important;
}

.beginning{
	background: #d3ecc5 !important;
	border: 0px solid #81a86c !important;
}

.middle{
	background: #f6d8cd !important;
	border: 0px solid #cf7d5f !important;
}

.end{
	background: #f5c9c9 !important;
	border: 0px solid #c4595b !important;
}

.progressbar {
    margin-bottom: 0px !important;
    border-radius: 20px !important;
    height: 14px !important;
    margin-top: 2px !important;
    clear: both;
}

.ui-progressbar-value {
    border-radius: 20px !important;
}

.porcentagem {
    float: right;

}

.total_gasto {
    float: left;
}

#pages{
	clear: both;
	margin-bottom: 20px;
}

#pages a{
	border: none !important;
	background: none !important;

}

#ramaisNaoSelecionados input, #ramaisSelecionadas input{
	min-width: 30%;
	width: 50%;
	max-width: 50%;
	padding: 6px 12px;
	border: 2px solid #0094D9;
	cursor: pointer;
	color: #FFF;
	background: #0094D9;
	font-weight: bold;
	margin-bottom: 10px;

}

#ramaisNaoSelecionados input:hover, #ramaisSelecionadas input:hover{
	border: 2px solid #0094D9;
    background: #FFF;
    color: #0094D9;
}

input[type="checkbox"]{
	width: 20px;
}

input:focus, select:focus {
    outline: none;
    border: 1px solid #0073aa;
    box-shadow: rgba(0,115,170,0.4) 0 0 1px 1px;
}

/*	==================
 	CONJUNTO DE BOTÃO
 	==================	*/
.bt-inspecionar a
{
	background-image: url("../images/icon-inspecionar.png");
	background-size: 16px !important;
}

.bt-inspecionar a:hover{
	 background-image: url("../images/icon-inspecionar-hover.png");
	/*background-image: url("../images/icon-inspecionar.png");
	border-color: #41c7f9;*/
}

.bt-inspecionar .desativado{
	background-image: url("../images/icon-inspecionar.png") !important;
	filter: brightness(50%);
	cursor: not-allowed;
}

.bt-reutilizar a{
	background: url("../images/reciclar_branco.png") no-repeat 14px transparent;
	border-right: 0px;
	background-size: 22px;
	width: 46px;
	height: 25px;
	float: right;
	filter: brightness(0%);
}

.bt-reutilizar{
    /* width: 25%; */
    float: left;
    text-align: right;
}

.bt-reutilizar a:hover{
	background: url("../images/reciclar_azul.png") no-repeat 14px transparent;
	border-right: 0px;
	background-size: 20px;
	background-position: center;
	width: 40px;
	height: 22px;
	float: left;
	filter: brightness(100%);
}

/*BOTÃO RETIRAR-ARQUIVAR */
.bt-retirar-arquivar a{
	background: url("../images/icon-archive-up.png") no-repeat 14px transparent;
	border-right: 0px;
	background-size: 22px;
	width: 46px;
	height: 25px;
	float: right;
	filter: brightness(0%);
}

.bt-retirar-arquivar{
    /* width: 25%; */
    float: left;
    text-align: right;
}

.bt-retirar-arquivar a:hover{
	background: url("../images/icon-archive-up-hover.png") no-repeat 14px transparent;
	border-right: 0px;
	background-size: 20px;
	background-position: center;
	width: 40px;
	height: 22px;
	float: left;
	filter: brightness(100%);
}
.bt-retirar-arquivar-massa a{
	background: url("../images/icon-archive-up.png") no-repeat 14px transparent;
	border-right: 0px;
	background-size: 22px;
	width: 46px;
	height: 25px;
	float: right;
	filter: brightness(0%);
}

.bt-retirar-arquivar-massa{
    /* width: 25%; */
    float: left;
    text-align: right;
}

.bt-retirar-arquivar-massa a:hover{
	background: url("../images/icon-archive-up-hover.png") no-repeat 14px transparent;
	border-right: 0px;
	background-size: 20px;
	background-position: center;
	width: 40px;
	height: 22px;
	float: left;
	filter: brightness(100%);
}

/*BOTÃO ARQUIVAR */
.bt-arquivar a{
	background: url("../images/icon-archive-down.png") no-repeat 14px transparent;
	border-right: 0px;
	background-size: 22px;
	width: 46px;
	height: 25px;
	float: right;
	filter: brightness(0%);
}

.bt-arquivar{
    /* width: 25%; */
    float: left;
    text-align: right;
}

.bt-arquivar a:hover{
	background: url("../images/icon-archive-down-hover.png") no-repeat 14px transparent;
	border-right: 0px;
	background-size: 20px;
	background-position: center;
	width: 40px;
	height: 22px;
	float: left;
	filter: brightness(100%);
}
.bt-arquivar-massa a{
	background: url("../images/icon-archive-down.png") no-repeat 14px transparent;
	border-right: 0px;
	background-size: 22px;
	width: 46px;
	height: 25px;
	float: right;
	filter: brightness(0%);
}

.bt-arquivar-massa{
    /* width: 25%; */
    float: left;
    text-align: right;
}

.bt-arquivar-massa a:hover{
	background: url("../images/icon-archive-down-hover.png") no-repeat 14px transparent;
	border-right: 0px;
	background-size: 20px;
	background-position: center;
	width: 40px;
	height: 22px;
	float: left;
	filter: brightness(100%);
}


/*	BOTÃO ADICIONAR
	===============	*/
.bt-add a{
	background: url("../images/bt-add.png") no-repeat 15px 5px transparent;
	border: 1px solid #c5d2da;
	border-right: 0px;
	padding: 3px 12px;
	background-size: 20px;
	width: 24px;
	height: 20px;
	float: right;
}

.bt-add .desativado{
	background: url("../images/bt-add.png") no-repeat 15px 5px transparent;
	border: 1px solid #c5d2da;
	border-right: 0px;
	padding: 3px 12px;
	background-size: 20px;
	width: 24px;
	height: 20px;
	float: right;
	background-color: #e6e6e6;
}

.bt-add{
    width: 25%;
    float: left;
    text-align: right;
}

.bt-add a:hover{
	background: url("../images/bt-add.png") no-repeat 15px -26px #41c7f9;
	border-color: #41c7f9;
}

/*	BOTÃO CONF. GRENAGEM
	=============	*/
.bt-grenagem a{
	background: url("../images/grenagem-normal-hover.png") no-repeat center 3px transparent;
	border: 1px solid #c5d2da;
	background-size: 20px;
	width: 46px;
	height: 25px;
	float: left;
}

.bt-download a:hover{
	background: url("../images/icone_baixargravacao_hover.png") no-repeat center transparent;
	background-size: 20px;
	filter: brightness(100%);
}

.bt-download a{
	background: url("../images/icone_baixargravacao_cinza2.png") no-repeat center transparent;
	background-size: 14px!important;
	width: 46px;
	height: 25px;
	float: left;
	filter: brightness(0%);
	cursor: pointer;
}

.bt-download-desabilitado a{
	background: url("../images/icone_baixargravacao_cinza2.png") no-repeat center transparent;
	background-size: 14px!important;
	width: 46px;
	height: 25px;
	float: left;
	cursor: no-drop;
	cursor: not-allowed;
	filter: brightness(50%);
}

.detalhe_icon
{
	filter: brightness(0%);
}

.bt-ouvir a:hover{
	background: url("../images/icon-ouvir-hover.png") no-repeat center transparent;
	background-size: 20px;
	filter: brightness(100%);
}

.bt-ouvir a{
	background: url("../images/icon-ouvir.png") no-repeat center transparent;
	background-size: 14px!important;
	width: 46px;
	height: 25px;
	float: left;
	filter: brightness(0%);
}

.bt-ouvir-desabilitado a{
	background: url("../images/icon-ouvir.png") no-repeat center transparent;
	background-size: 14px!important;
	width: 46px;
	height: 25px;
	float: left;
	cursor: no-drop;
	cursor: not-allowed;
	filter: brightness(50%);
}


/*	BOTÃO REMOVER
	=============	*/
.bt-remover a{
	background: url("../images/bt-remover.png") no-repeat 15px 5px transparent;
	border: 1px solid #c5d2da;
	background-size: 17px;
	width: 24px;
	height: 20px;
	float: left;
	padding: 3px 12px;
}

.bt-remover .desativado{
	background: url("../images/bt-remover.png") no-repeat 15px 5px transparent;
	border: 1px solid #c5d2da;
	background-size: 17px;
	width: 24px;
	height: 20px;
	float: left;
	padding: 3px 12px;
	background-color: #e6e6e6;
}

.bt-remover{
	width: 25%;
    float: left;
}

.bt-remover a:hover{
	background: url("../images/bt-remover.png") no-repeat 15px -26px #e2747e;
	border-color: #e2747e;
}

.bt-baixar a{
	background: url("../images/bt-download.png") no-repeat;
	background-position: 11px 3px!important;
	background-size: 18px !important;
	filter: brightness(0%);
}

.bt-baixar .desativado{
	background: url("../images/bt-download.png") no-repeat 15px 3px transparent;
    border: 1px solid #c5d2da;
    border-right: 0px;
    background-size: 20px;
    width: 46px;
    height: 25px;
    float: right;
	background-color: #e6e6e6;
}

.bt-baixar{
    text-align: right;
}

.bt-baixar a:hover{
	background: url("../images/bt-download-hover.png") no-repeat;
	filter: brightness(100%);
	background-size: 20px;
}

.bt-baixar-massa a{
	background: url("../images/bt-download.png") no-repeat;
	background-position: 11px 3px!important;
	background-size: 18px !important;
	filter: brightness(0%);
}

.bt-baixar-massa .desativado{
	background: url("../images/bt-download.png") no-repeat 15px 3px transparent;
    border: 1px solid #c5d2da;
    border-right: 0px;
    background-size: 20px;
    width: 46px;
    height: 25px;
    float: right;
	background-color: #e6e6e6;
}

.bt-baixar-massa{
    text-align: right;
}

.bt-baixar-massa a:hover{
	background: url("../images/bt-download-hover.png") no-repeat;
	filter: brightness(100%);
	background-size: 20px;
}

/*	BOTÃO ADICIONAR
	===============	*/
.bt-add a{
	background: url("../images/bt-add.png") no-repeat 15px 5px transparent;
	border: 1px solid #c5d2da;
	border-right: 0px;
	padding: 3px 12px;
	background-size: 20px;
	width: 24px;
	height: 20px;
	float: right;
}

.bt-add .desativado{
	background: url("../images/bt-add.png") no-repeat 15px 5px transparent;
	border: 1px solid #c5d2da;
	border-right: 0px;
	padding: 3px 12px;
	background-size: 20px;
	width: 24px;
	height: 20px;
	float: right;
	background-color: #e6e6e6;
}

.bt-add{
    width: 25%;
    float: left;
    text-align: right;
}

.bt-add a:hover{
	background: url("../images/bt-add.png") no-repeat 15px -26px #41c7f9;
	border-color: #41c7f9;
}

/*	BOTÃO USAR
	===============	*/
.bt-usar a{
	background: url("../images/btn-usar-normal-hover.png") no-repeat 14px 6px transparent;
    border: 1px solid #c5d2da;
    border-left: 0;
    padding: 3px 12px;
    background-size: 20px;
    width: 24px;
    height: 19px;
    float: right;
}

.bt-usar .desativado{
	background: url("../images/btn-usar-normal-hover.png") no-repeat 14px 6px transparent;
    border: 1px solid #c5d2da;
    border-left: 0;
    padding: 3px 12px;
    background-size: 20px;
    width: 24px;
    height: 19px;
    float: right;
	background-color: #e6e6e6;
}

.bt-usar{
    /*width: 25%;*/
    float: left;
    text-align: right;
}

.bt-usar a:hover{
	background: url("../images/btn-usar-normal-hover.png") no-repeat 15px -26px #41c7f9;
	border-color: #41c7f9;

}

td .bt-acoes
{
	float: left;
}

.disable, disable:hover{
	background-image: url(../images/voicemail.png)!important;
}
/*
ESCONDER IMAGENS DOS BOTÕES
===========================
*/
.bt-acoes img
{
	display: none;
}

table tr.block td div.bt-acoes
{
	border: #fff;
}

.bt-acoes a, .bt-acoes div.desativado
{
	background-color: transparent;
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
	width: 40px;
	height: 22px;
	float: left;
}

.bt-acoes a img
{
	display: none;
}

table tr.block td div.bt-acoes a
{
	border-color: #a7b9c9;
}

.bt-wallboard a
{
	filter: brightness(0%);
	background-image: url("../images/icon-wallboard.png");
}

.bt-wallboard a:hover{
	filter: brightness(100%);
	background-image: url("../images/icon-wallboard-hover.png");
}

.bt-visao-geral-campanha a{
	filter: brightness(0%);
	background-image: url("../images/icon-visao-geral-campanha.png");
}

.bt-visao-geral-campanha a:hover{
	filter: brightness(100%);
	background-image: url("../images/icon-visao-geral-campanha-hover.png");
}

.bt-visao-geral-campanha-dasabilitado a{
	background-image: url("../images/icon-visao-geral-campanha.png");
	background-color: #e6e6e6;
	filter: brightness(50%);
	cursor: not-allowed;
}

.bt-derrubar a{
	background-image: url("../images/desabilitado.png");
	filter: brightness(0%);
}

.bt-derrubar a:hover{
	background-image: url("../images/desabilitado_vermelho.png");	
	filter: brightness(100%);
}

.bt-derrubar-desabilitado a{
	background-image: url("../images/desabilitado.png");
	filter: brightness(50%);
	cursor: not-allowed;
}

.bt-derrubar a{
	background-image: url("../images/desabilitado_claro.png");
	filter: brightness(0%);
}

.bt-derrubar a:hover{
	background-image: url("../images/desabilitado_azul.png");	
	filter: brightness(100%);
}

.bt-derrubar-desabilitado a{
	background-image: url("../images/desabilitado.png");
	filter: brightness(50%);
	cursor: not-allowed;
}

.bt-info-operador a{
	background-image: url("../images/icon_informacoes.png");
	filter: brightness(0%);
}

.bt-info-operador a:hover{
	background-image: url("../images/icon_informacoes_hover.png");	
	filter: brightness(100%);
}

.bt-chamadas a{
	background-image: url("../images/icon_chamadas.png");
	filter: brightness(0%);
}

.bt-chamadas a:hover{
	background-image: url("../images/icon_chamadas_azul.png");	
	filter: brightness(100%);
}

.bt-chamadas-desabilitado a{
	background-image: url("../images/icon_chamadas.png");
	filter: brightness(50%);
	cursor: not-allowed;
}

.bt-relogio a{
	background-image: url("../images/relogio.png");
	filter: brightness(0%);
}

.bt-relogio a:hover{
	background-image: url("../images/relogio_azul.png");	
	filter: brightness(100%);
}

.bt-relogio-desabilitado a{
	background-image: url("../images/relogio.png");
	filter: brightness(50%);
	cursor: not-allowed;
}

.bt-fluxo-chamada a{
	filter: brightness(0%);
	background-image: url("../images/icon_fluxo.png");
}

.bt-fluxo-chamada a:hover{
	filter: brightness(100%);
	background-image: url("../images/icon_fluxo_hover.png");
}

.bt-fluxo-chamada-desabilitado a{
	background-image: url("../images/icon_fluxo.png");	
	filter: brightness(50%);
	cursor: not-allowed;
}

.bt-template-waychat a{
	/* #878484 */
	filter: brightness(0%);
	background-image: url("../images/icon_template_chat.svg");
}

.bt-template-waychat a:hover{
	filter: unset;
	background-image: url("../images/icon_template_chat_hover.svg");
}

.bt-template-waychat-desabilitado a{
	background-image: url("../images/icon_template_chat_desabilitado_claro.svg");	
	cursor: not-allowed;
}

.bt-lista-mailing a{
	filter: brightness(0%);
	background-image: url("../images/icon-lista-mailing.png");
	background-size: 16px;
}

.bt-lista-mailing a:hover{
	filter: brightness(100%);
	background-image: url("../images/icon-lista-mailing-hover.png");
}

.bt-editar a{
	filter: brightness(0%);
	background-image: url("../images/icon-editar.png");
	background-size: 16px;
}

.bt-editar a:hover{
	filter: brightness(100%);
	background-image: url("../images/icon-editar-hover.png");
}

.bt-editar-desabilitado a{
	background-image: url("../images/icon-editar.png");
	background-size: 16px;
	background-color: #e6e6e6;
}

.bt-saldo a{
	/* filter: brightness(0%); */
	background-image: url("../images/dollar_icon.png");
	background-size: 20px;
}

.bt-saldo a:hover{
	filter: brightness(90%);
	background-image: url("../images/dollar_icon.png");
}

.bt-saldo-desabilitado a{
	background-image: url("../images/dollar_icon.png");
	background-size: 20px;
	background-color: #e6e6e6;
}

.bt-link a{
	filter: brightness(0%);
	background-image: url("../images/link.png");
	background-size: 16px;
}

.bt-link a:hover{
	filter: brightness(100%);
	background-image: url("../images/link_hover.png");
}

.bt-link-desabilitado a{
	background-image: url("../images/link.png");
	background-size: 16px;
	background-color: #e6e6e6;
}

.bt-excluir a{
	background-image: url("../images/icon-excluir.png");
	background-size: 14px;
}

.bt-excluir-desativado a
{
	background-image: url("../images/icon-excluir-branco");
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: 50%;
	filter: drop-shadow(1px 1px 1px black);
	cursor: default;
}

.bt-excluir a.desativado, .bt-excluir a:hover.desativado {
	background-image: url("../images/icon-excluir.png");
	background-size: 14px;
}

.bt-excluir a:hover{
	filter: brightness(80%);
}

.bt-editar-permissoes a{
	background-image: url("../images/editar-permissoes.png");
	background-size: 17px;
	background-position: 11px 4px;
}

.bt-editar-permissoes .desativado{
	background-image: url("../images/editar-permissoes.png");
}

.bt-editar-permissoes a:hover:not(.desativado){
	background-image: url("../images/editar-permissoes-hover.png");
}

.bt-expira-senha a{
	background-image: url("../images/expira_senha.png");
	background-size: 17px;
	background-position: 11px 4px;
}

.bt-expira-senha .desativado{
	background-image: url("../images/expira_senha.png");
}

.bt-expira-senha a:hover:not(.desativado){
	background-image: url("../images/expira_senha_hover.png");
}

.bt-chat a{
	filter: brightness(0%);
	background-image: url("../images/chat_icon.png");
	background-size: 17px;
	background-position: 11px 4px;
}

.bt-chat .desativado{
	background-image: url("../images/chat_icon.png");
}

.bt-chat a:hover:not(.desativado){
	filter: brightness(100%);
	background-image: url("../images/chat_icon_hover.png");
}

.bt-editar-pausas .desativado{
	background-image: url("../images/icon-editar.png");
	background-size: 16px;
	background-color: #e6e6e6;
}

.bt-editar-pausas a:hover:not(.desativado){
	background-image: url("../images/icon-editar.png");
	border-color: #41c7f9;
}

.botoes-acao-pagina
{
	float: left;
	margin: 10px 0px;
}

.botoes-acao-pagina div
{
	text-align: center;
	float: left;
}

.botoes-acao-pagina div:first-child
{
	margin-left: -5px;
}

.botoes-acao-pagina input
{
	text-align: center;
}

.botoes-acao-pagina input.filtrar
{
	background-image: url(../images/icon-pesquisar.png);
    background-size: 20px;
    background-position: 5px center;
    background-repeat: no-repeat;
	text-align: right;
    width: 80px;
}

.sem-borda
{
	border: 0px !important;
}

.border-left
{
	border-left: 1px solid #c5d2da !important;
}

.border-right
{
	border-right: 1px solid #c5d2da !important;
}

table tr td div.icon-regra-roteamento
{
	background: url("../images/plano-discagem-gray.png") no-repeat center transparent;
	background-size: 17px;
}

table tr td div.icon-regra-roteamento a:hover
{
	background: url("../images/plano-discagem.png") no-repeat center transparent;
	background-size: 17px;
}

table tr td div.bt-icon-block
{
	background: url("../images/blocked-preto.png") no-repeat center transparent;
	background-size: 17px;
}

table tr td div.bt-icon-block a:hover
{

	background: url("../images/blocked-white.png") no-repeat center;
    background-size: 17px;
}

table tr.block td div.bt-icon-block
{
	background: url("../images/blocked-preto.png") no-repeat center transparent;
	background-size: 17px;
}

table tr.block td div.bt-icon-block a:hover
{
	background: url("../images/blocked-white.png") no-repeat center transparent;
	clear: both;
	background-size: 17px;
}

table tr.block td div.bt-voicemail a{
	background-size: 17px;
}

tr
{
	height: 30px !important;
}

tr.block td
{
	background-color: #ffcccc;
}

.link
{
	cursor: pointer;
}

div.chamada_outra_campanha
{
	background: #8A2BE2;
	width: 14px;
	height: 14px;
    border-radius: 50%;
	vertical-align: top;
    border: 1px solid #8A2BE2;
}

div.offline{
	background: #BF0411;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	vertical-align: top;
    border: 1px solid #BF0411;
}

div.offline-dash{
	background: #BF0411;
	text-align: left;
	margin-top: 7px;
    width: 9px;
    height: 9px;
	max-width: 9px;
	max-height: 9px;
    border-radius: 50%;
    vertical-align: top;
    border: 1px solid #BF0411;
	display: inline-block;
}

div.online{
    background: #4cc171;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    vertical-align: top;
    border: 1px solid #4cc171;
}

div.online-dash{
    background: #37A954;
	text-align: left;
	margin-top: 7px;
    width: 9px;
    height: 9px;
	max-width: 9px;
	max-height: 9px;
    border-radius: 50%;
    vertical-align: top;
    border: 1px solid #37A954;
}

div.online_noop{
    background: #27723f;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    vertical-align: top;
    border: 1px solid #27723f;
}

div.discando{
    background: #00e3eb;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    vertical-align: top;
    border: 1px solid #00e3eb;
}

div.outra_campanha{
    background: #8A2BE2;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    vertical-align: top;
    border: 1px solid #8A2BE2;
}

div.ocupado{
    background: #580e0e;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    vertical-align: top;
    border: 1px solid #580e0e;
}

div.alerta {
    background: #FFC873;
    width: 14px;
    height: 14px;
    border-radius: 50%;
	vertical-align: top;
	border: 1px solid #FFC873;
	animation: blinker 1s linear infinite;
}

div.em_uso{
    background: #00a0eb;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    vertical-align: top;
    border: 1px solid #00a0eb;
}

div.em_uso-dash{
    background: #00a0eb;
	text-align: left;
	margin-top: 7px;
    width: 9px;
    height: 9px;
	max-width: 9px;
	max-height: 9px;
    border-radius: 50%;
    vertical-align: top;
    border: 1px solid #00a0eb;
}

div.fora_horario_trabalho{
    background: #c3ff00;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    vertical-align: top;
    border: 1px solid #c3ff00;
}

div.fora_horario_trabalho-dash{
    background: #c3ff00;
	text-align: left;
	margin-top: 7px;
    width: 9px;
    height: 9px;
	max-width: 9px;
	max-height: 9px;
    border-radius: 50%;
    vertical-align: top;
    border: 1px solid #c3ff00;
}

div.pausa{
    background: rgba(255, 214, 0, 0.48);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    vertical-align: top;
    border: 1px solid rgba(255, 214, 0, 0.48);
}

div.offline span, div.online span, div.online_noop span, div.ocupado span, div.pausa span, div.discando span, div.outra_campanha span
{
	margin-left: 20px;
    vertical-align: top;
    margin-top: -2.5px;
    display: inline-block;
}

.status-softphone-online
{
    vertical-align: top;
    margin-top: 0px;
	margin-left: 4px;
    display: inline-block;
	color: #37A954;
	padding-left: 5px;
    font-weight: 600;
	font-size: 18px;
}

.status-softphone-offline
{
    vertical-align: top;
    margin-top: 0px;
	margin-left: 4px;
    display: inline-block;
	color: #BF0411;
	padding-left: 5px;
    font-weight: 600;
	font-size: 18px;
}

.status-softphone-emuso
{
    vertical-align: top;
    margin-top: 0px;
	margin-left: 4px;
    display: inline-block;
	color: #00A0EB;
	padding-left: 5px;
    font-weight: 600;
	font-size: 18px;
}


.bt-trocar{
	display: none;
}

#info_pagina a label:hover:first-child
{
	text-decoration: underline;
	cursor: pointer;
}

#user #usuario {
    margin: auto 0;
    display: block;
    position: absolute;
    top: 30%;
}

#admin-user #usuario {
    margin: auto 0;
    display: block;
    position: absolute;
    top: 30%;
}

.plano-discagem-selecao tr th{

	border-top: 1px solid #c5d2da;
}

.plano-discagem-selecao{
	margin-top: 30px;
}

.chamadas td:last-child{
	border-right: 1px solid #c5d2da !important;
}

.chamadas td{
	border-bottom: none !important;
	border-top: 1px solid #dfe7ec !important;
	border-left: none !important;
	border-right: none !important;
}

.chamadas tbody{
	border: 1px solid #c5d2da !important;
}

.chamadas .cinza1{
	background: #ffffff !important;
}

.chamadas a{
	color: rgb(104, 115, 125) !important;
}


.chamadas-filtro td:last-child input{
	min-width: 95px;
}

.chamadas-filtro td:last-child input[type="radio"]{
	min-width: 0px;
}

#checkbox-head
{
    float: right;
    display: flex;
    align-items: center;
    width: 210px;
    font-size: 13px;
    font-weight: normal;
}

#center-titel-check-head
{
    display: flex;
	justify-content: space-between;
	align-items: center;
}

.filter-white
{
	filter: brightness(0) invert(1);
}

.filter-black
{
	filter: brightness(0);
}

#selectable li{
	font-size: 1.2em !important;
	padding: 5px 2px !important;
}

.chamadas{
	margin-top: 20px !important;
}

.mini-func{
	top: 245px !important;

}

.mini-cham{
	top: 304px !important;

}

#main-menu-small ul.submenu.inative{
    background: #141719;
    /* margin-left: -5px; */
    padding-top: 5px;
    width: auto;
    height: auto;
    margin-top: -54px;
}

#main-menu-small ul.submenu.active{

    margin-top: -54px;
}

.btn-grupo-ramais{
	margin-bottom: 10px !important;
}

.grupo-ramal{
	margin-bottom: 30px;
}

#ramaisNaoSelecionados li, #ramaisSelecionadas li{
    width: 50%;
    padding: 6px 12px;
    border: 2px solid #0094D9;
    cursor: pointer;
    color: #FFF !important;
    background: #0094D9;
    font-weight: bold;
    margin-bottom: 10px !important;
    text-align: center;
    font-size: 1.0em !important;
    /* width: 197px !important; */
}

/*
 =================================
 			@PERMISSÕES
 =================================
 */

#div-perfis{
	margin-bottom: 30px;
	margin-top: 20px;
	margin-left: 20px;
	display: flex;
	/*height: 35px;*/
}

/* LABEL "PERFIL: " */
#div-perfis > div:first-child{
	margin: auto 0px auto 0px;
}

/* DIV DO SELECT DO PERFIL DE PERMISSÕES */
.div_select_perfil{
	width: 30%;
	margin-left: 2%;
}

.div_input_nome_perfil
{
	width: 40%;
	margin-left: 2%;
}

/* BOTÃO RESETAR PERFIL */
#btn-resetar-perfil{
	margin-left: 5px;
	width: 200px;
}

/* BOX DO GRUPO DE PERMISSÕES */
.box-permissoes{
	min-width: 49%;
	background-color: #fff;
	display: flex;
	justify-content: flex-start;
	padding: 35px 0px;
	margin-left: 41%;
}

hr.estilo_1 {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.03), #cedadf, rgba(0, 0, 0, 0.03));
}

/* ICONE DO GRUPO DE PERMISSÕES */
.box-permissoes_div{
	width: 50%;
	margin: auto 0px auto 0px;
	padding-top: 35px;
}

.box-permissoes_div div.nome_grupo_permissoes
{
	margin: 0px 5px;
}

.box-permissoes_div div.icone_grupo_permissoes
{
	margin-left: 25%;
}

.icone_grupo_permissoes > img{
	height: 33px;
}

.box-permissoes_div > div:first-child{
	margin-bottom: 15px;
}

.box-permissoes_div .jtoggler-wrapper
{
	float: right;
	margin-right: 100px;
	margin-top: -10px;
}

/* LISTA DE PERMISSÕES */
.bloco-permissoes p{
	margin: auto 0px;
	margin-left: 5px;
}

.permissao{
	display: flex;
}

#select-usuarios{
	margin: 10px 0px !important;
}


.btn-permissoes{
	margin: 10px auto;
	border: 2px solid white;
}

#btn-salvar-perfil{
	margin: 20px 20px 10px !important;
	flex: 1;
}

#div-usuarios{
	flex: 1;
	margin: 0 20px;
}

.tip_trigger
{
    cursor: help;
}

.tip {
	position: fixed;
    max-width: 20%;
    padding: 11px 15px !important;
    z-index: 2;
    font-weight: 400;
    color: rgb(48, 54, 65);
	background: #EBEBEB;
    display: none;
    font-size: 12px !important;
    border-radius: 3px;
    text-align: left;
    font-family: Arial, sans-serif;
    line-height: 1.5em;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15);

    /* Sem sombra */
    border: 1px solid #D2D2D2;
	white-space: normal;
}

/*
==============================
			@ABAS
==============================
*/
#abas
{
	margin-top: 20px;
	margin-bottom: -20px;
	width: calc(100% - 18px);
}

.abas, .janela-ativa
{
	background-color: #fff;
	width: 100%;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	text-align: center;
	color: #3f4254;
	border-bottom: 1px solid #DADBDD;
}

.janela-ativa
{
	border: 1px solid #DADBDD;
	border-bottom: 0;
	background-color: #ededed;
}

.abas > span{
	font-weight: 700;
	color: #606278;
	vertical-align: middle;
}

/*========== DUPLA LISTAGEM ==========*/

.grupo_ramais{
	height: 260px !important;
	overflow: auto;
}

.ramal_selecionavel, .codec_selecionavel
{
	height: 50px;
	position: relative;
	cursor: pointer;
	border-bottom: 1px solid #c5d2da;
	display: flex;
}

.legenda_ramal{
	width: 90%;
}

.legenda_ramal > div
{
	position: absolute;
	margin-left: 20px;
	user-select: none;
	-webkit-user-select: none;
	padding-top: 15px;
}

.legenda_ramal > div > div:first-child{
	font-size: 14px;
}
.legenda_ramal > div > div:last-child{
	font-size: 12px;
	color: #20b2aa;
}


.equipe_selecionavel{
	height: 70px;
	position: relative;
	cursor: pointer;
	border-bottom: 1px solid #c5d2da;
	display: flex;
}

.legenda_equipe{
	width: 90%;
}

.legenda_equipe > div
{
	position: absolute;
	margin-left: 20px;
	-webkit-user-select: none;
	user-select: none;
	padding-top: 19px;
	float: left;
	width: calc(100% - 20px);
}

.equipe_selecionavel > div > div:nth-child(1){
	margin-left: 16px;
	font-size: 14px;
	margin-top: -1px;
}

.equipe_selecionavel > div > div:nth-child(2),
.equipe_selecionavel > div > div:nth-child(3),
.equipe_selecionavel > div > div:nth-child(4)
{
	margin-left:16px;
	font-size: 12px;
	color: #20b2aa;
	margin-top: -1px;
}

#chart{
	z-index: 0;
	margin-top:10px;
	font-family:Segoe Ui, regular!important;
}

.legenda_equipe_imagem
{
	float:left;
	height: 60px;
    max-width: 60px;
    min-width: 60px;
    margin-left: 20px;
    margin-top: 3px;
}

.legenda_equipe_imagem img
{
	float:left;
	width: 100%;
	height: 100%;
}

.icon_drag
{
	height: 100%;
	width: 10%;
	max-width: 20px;
}

.icon_drag img{
	position: absolute; top: 27%;
}

#btn_adicionar, #btn_remover{
	background-size: 30px 30px !important;
	height: 30px;
}

#btn_adicionar{
	background: #1F2F3C url("../images/seta_direita.png") no-repeat center center;
}

#btn_adicionar:hover{
	background: url("../images/seta_direita_escura.png") no-repeat center center;
}

#btn_remover{
	background: #1F2F3C url("../images/seta_esquerda.png") no-repeat center center;
}

#btn_remover:hover{
	background: url("../images/seta_esquerda_escura.png") no-repeat center center;
}

/*=============================
		@MESA OPERADORA
===============================*/
.box_ramal:nth-child(1),
.box_ramal:nth-child(2),
.box_ramal:nth-child(3),
.box_ramal:nth-child(4),
.box_ramal:nth-child(5)
{
	margin-top: 2px;
}

.box_ramal
{
	max-height: 90px !important;
	height: 90px !important;
	width: 19.2%;
	height: 80px;
	margin: 9px 10px 9px 0px;
	box-shadow: rgb(0 0 0 / 10%) 0px 5px 5px;
	border: 1px solid hsl(210deg 18% 92%);
	float: left;
	display: flex;
	align-items: center;
	word-break: break-word;
}

.tbl-filtros
{
	max-width:200px;
}

.td-filtros-name
{
	max-width:50px;
	text-align:right;
	padding:0px 10px;
}

.td-filtros-box{
	max-width:150px;

}

.tbl-grupo-ramais{
	border: 0px;
	padding:15px;
    margin-top: 10px;
}

.head_grupos_ramais
{
	border: 1px solid rgb(218, 219, 221)!important;
	text-align: center !important;
	font-size: large !important;
    font-weight: 500;
}

.head-agrupamento-ramais{
	text-align: left;
	box-sizing: border-box;
	/*border: 1px solid #a2a3b7;*/
	padding: 0px 15px;
}

.box_ramal > div
{
	margin-top: -10px;
	font-size: 13px;
	text-align: center;
}

.box_ramal .imagem_pessoa
{
	height: 70px;
	border-radius: 2px;
	width: 100%;
}

.box_ramal > div > div:first-child
{
	color: rgb(104, 115, 125);
}

.box_ramal > div > div:nth-child(2),
.box_ramal > div > div:nth-child(3),
.box_ramal > div > div:nth-child(4)
{
	margin-top: 4px;
	font-size: 12px;
	color: lightseagreen;
}

.info-box:nth-child(2)
{
	margin-left: 10px;
}

.box_ramal .info-box img 
{
    display: inline-block;
    margin: 0 6px;
    width: 15px;
}

.box_ramal .info-box
{ 
	height: 75px;
}

.nome_operador, .ramal_numero, ramal_chamada, .ramal_chamada_duracao, .ramal_info_adicional_chamada
{
	display: flex;
	align-items: left;
	justify-content: left;
}

div.ramal_status
{
	margin-top: -1px;
	margin-left: 0px;
	width: 5px;
	height: calc(100%);
    border-radius: 0;
	vertical-align: top;
}

.text_bold
{
	font-weight: 500;
}

.box_ramal .div_img_pessoa
{
	margin:5px; 
	margin-top:5px !important; 
	min-width: 70px;
}

.ramal_numero
{
	color: #15A0E5 !important;
}

.form-control {
	border-radius: 1px!important;
}



@media screen and (max-width: 1400px)
{
    .box_ramal
	{
		width: calc(33% - 10px);
		height: 70px;
		margin: 5px;
		border-radius: 2px;
		/*box-shadow: 0 0 1px rgba(0,0,0,.11),0 1px 2px rgba(0,0,0,.22);*/
		border: 1px solid rgba(0,0,0,.22);
		float: left;
	}
	.box_ramal .imagem_pessoa
	{
		height: 70px;
		border-radius: 2px;
	}

	.box_ramal > div > div:nth-child(2),
	.box_ramal > div > div:nth-child(3),
	.box_ramal > div > div:nth-child(4)
	{
		margin-top: 2px;
		font-size: 0.7rem;
		color: lightseagreen;
	}
}

/* COR DA BOX */
.box_ramal_inativo{
	background-color: #e6e6e6;
	transition: all 0.5s ease;
}

.box_ramal_chamando{
	background-color: #ffff80;
	transition: all 0.5s ease;
}

.box_ramal_em_chamada{
	background-color: #8cff8a;
	transition: all 0.5s ease;
}
/*==============================
			@RAMAL
================================*/

.label_encaminhamento{
	margin: 30px 0px auto 0px;
	width: 100%;
}

.select_encaminhamento
{
	width: 100%;
}

.destino_final_encaminhamento{
	margin: 20px 0px auto 0px;
	margin-left: 5%;
	width: 30%;
}

/*==============================
			@MENU
================================*/

/* ICONE EXPANDIR/ESTREITAR
   ========================*/
#icon-mobile{
	padding: 8px 0px;
	margin: auto;
	cursor: pointer;
}

#menu_header{
	display:flex;
	background: #1f2630;
	position: relative;
	height: 91px;
	justify-content: center;
}

#menu-primary{
	margin-bottom: 20px;
}

/* MENU ESTREITO
   ============= */

/* LABELS DOS MENUS */
#main-menu-small #menu-content #menu-primary li .primary span{
	display: none;
}

/* MENU EXPANDIDO
   ============== */

/* LOGO */
#main-menu #main-logo{
	margin: auto auto auto 0px;
	padding-left: 10px;
}

#main-menu #logo a img
{
	height: auto;
    width: auto;
    margin-left: 5px;
    max-height: 95px;
    margin-top: 10px;
	max-width: 190px;
}

/* ITENS DO MENU
   ============= */

#main-menu-small #menu-content #menu-primary li .primary
{
	color: #d4d4de;
	letter-spacing: 0.5px;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	transition: background 0.15s;
	display: block;
    text-align: center;
    text-align: -webkit-center;
}

#menu-content #menu-primary li .primary
{
	color: #d4d4de;
	letter-spacing: 0.5px;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	transition: background 0.15s;
}

#menu-content #menu-primary li .primary span
{
	font-size: 14px !important;
    font-family: Segoe Ui, regular;
	display: block;
	color: #d4d4de}

#menu-content #menu-primary li .primary:hover
{
	color: #d4d4de;
	opacity: 1;
	transition: all 0.15s;
	background-color: #1f2630;
}

/* ITEM DO MENU ATIVO */
#menu-content #menu-primary li.active .primary{
	opacity: 1;
	color: #fff;
	background-color: #1f2630}

#main-menu .menu-lateral .primary{
	padding-left: 27px;
	padding-top: 12px;
	padding-bottom: 12px;
	display: flex;
}

#main-menu-small .menu-lateral .primary{
	padding-top: 8px;
	padding-bottom: 8px;
	display: flex;
}

/* SUBMENU
   =======*/

/* ITEM DO SUBMENU */
.submenu li div
{
	color: #d4d4de;
	font-size: 1.0em;
	cursor: pointer;
}

/* ITEM DO SUBMENU HOVER */
.submenu li div:hover{
	background-color: #076d9c}

/* ITEM DO SUBMENU ATIVO */
.submenu li.actived div{
	color: #e6e6ec;
	background-color: #076d9c}

/* BLOCO DO SUBMENU */
.submenu_bloco {
	background-color: #181e26;
}

#main-menu-small .submenu_bloco {
	width: auto;
	display: none;
}

#main-menu .submenu_bloco.inative
{
	display: none;
}

#main-menu .submenu_bloco.active
{
	display: block;
}

/* SCROLLBAR COSTUMIZADA */
#main-menu ::-webkit-scrollbar {
    width:6px;
}

#main-menu ::-webkit-scrollbar-thumb {
    background-color: #474f58;
    transition: background-color 2s;
}

/*==============================
			@ALERTA MENU
================================*/

#alerta{
	background-color: red;
	display: none;
}

#alerta > div{
	height: 35px;
	display:flex;
	color: #ffffff;
}

#alerta > div > div{
	margin-top: 8px;
}

#main-menu #alerta > div > div:last-child{
	display: block;
	font-size: 14px;
	margin-left: 56px;
	margin-right: 3px;
	overflow: hidden;
	white-space: nowrap;
}

#main-menu-small #alerta > div > div:last-child{
	display:none;
}

#main-menu #alerta > div > div:first-child{
	display:none;
}

#main-menu-small #alerta > div > div:first-child{
	display: block;
	margin-left: 35px;
}

.sem_hover tr:hover td {
    background: none !important;
}

/*=====================================
  			@RECUPERAR SENHA
  =====================================*/

.recuperar_senha_box{
	width: 40%;
	min-height: 220px;
	padding: 30px;
	margin: 5% auto auto auto;
	background-color: #ffffff;
	border: 1px solid #cedadf;
}

.recuperar_senha_titulo{
	width: 80%;
	margin: 0px auto 0px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: rgb(104, 115, 125);
}

.recuperar_senha_info{
	width: 80%;
	margin: 40px auto 40px;
}

.recuperar_senha_box .label{
	color: rgb(104, 115, 125);
	font-size: 0.88em;
	font-weight: 600;
}

.recuperar_senha_campos{
	display: flex;
	margin: 0px auto 0px;
	width: 80%;
}

.recuperar_senha_campos > div:first-child{
	padding-right: 10px;
	margin: auto 0px;
	width: 19%;
}

.recuperar_senha_campos > div:last-child {
	width: 62%;
}

.recuperar_senha_campos input{
	min-height: 15px;
	max-height: 15px;
	width: calc(100% - 18px);
}

.btn_recuperar_senha{
    cursor: pointer;
    color: #FFFFFF;
    background: #1e303c;
    font-weight: bold;
    font-size: 14px;
    min-width: 100px;
}

.btn_recuperar_senha:hover{
	color: #1e303c;
	background: #FFFFFF;
	border-color: #1e303c;
}

#painel_arquivos .botao{
	/*border: 1px solid black;*/
	display: flex;
	align-items: center;
	padding: 9px;
	cursor: pointer;
	color: #c5d2da !important;
}

#painel_arquivos .botao:hover{
	color: white !important;
}

#painel_arquivos .cabecalho{
	background-color: #FFF;
	color: white !important;
	padding: 15px 15px;
	display: flex;
}

#painel_arquivos .cabecalho a{
	text-decoration: none;
	/*color: white !important;*/
}

#painel_arquivos .cabecalho i{
	font-size: 14px;
}

#painel_arquivos .cabecalho .path_arquivo{
	font-weight: 800;
	display: flex;
	align-items: center;
	color: white;
}

a.caminho_custom{
	text-decoration: none !important;
    color: #606278 !important;
    font-size: large;
}


#painel_arquivos .item.pasta .link{
	display: flex;
	align-items: center;
}

#painel_arquivos .item .icone{
	font-size: 25px;
	color: #1E303C;
}

#painel_arquivos table .item .check_box{
	width: 5%;
}

#painel_arquivos table .item .acoes{
	width: 15%;
}

#painel_arquivos table .item .acoes > div{
	display:flex;
	justify-content: center;
}


.info_footer{
	width: 100%;
}

.filtro_paginador{
	padding: 5px;
	display: flex;
	width: 100%;
	justify-content: center;
}

.total_arquivos{
	padding: 10px;
}

.tab_box_dashboard td
{
	border-bottom: 1px solid #e6e6e6;
	border-left: none !important;

}

.tab_box_dashboard table
{
	width: 100%;
	color: #000;
}
.ui-corner-all {
    border-radius: 1px !important;
}
.ui-datepicker-calendar tr td
{
	height:30px;
}

.ui-datepicker-other-month a.ui-state-default.ui-priority-secondary
{
	color: #ccd7de;
}

.ui-datepicker-unselectable.ui-state-disabled span
{
	color: #ccd7de;
}

.janela-inativa
{
	background-color: #e0e1ec;
    z-index: 2;
    position: relative;
	color: #e0e1ec
}

#abas .janela-inativa > span
{
    color: #505050 !important;
}

.box-alert
{
	width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10;
}

.popup-tempo
{
	position: fixed;
    background: cornsilk;
    right: 0;
    top: 0;
    width: 340px;
    padding: 15px;
    text-align: left;
    color: #484848;
    font-weight: 600;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: -1px 5px 9px rgba(0,0,0,0.2);
    z-index: 9999999;
}

.popup-tempo > p
{
	margin: 0px;
}

#tempo_espera
{
	font-size: 25px;
    font-weight: bold;
    color: rgb(216, 1, 1);
}

.btn-alerta, .btn-sucesso
{
    min-width: 70px;
}

.btn-ok
{
	background-color: #285F1F !important;
	border: 1px solid #323D4D !important;
	border-radius: 2px !important;
	color: #FFF !important;
	margin: 0px !important;
}

.btn-ok:hover
{
	background-color: #327E26 !important;
	border: 1px solid #56773C !important;
}

.btn-ok:active
{
	background-color: #28581F !important;
	border: 1px solid #56773C !important;
}

.btn-danger
{
	background-color: #D2322D !important;
	border: 1px solid #323D4D !important;
	border-radius: 2px !important;
	color: #FFF !important;
	margin: 0px !important;
}

.btn-danger:hover
{
	background-color: #D9534F !important;
	border: 1px solid #AF4A4A !important;
}

.btn-danger:active
{
	background-color: #AB413E !important;
	border: 1px solid #853535 !important;
}

.btn-default
{
	background-color: #076d9c !important;
	border: 1px solid #323D4D !important;
	border-radius: 2px !important;
	color: #FFF !important;
	margin: 0px !important;
}

.btn-default:hover
{
	background-color: #0988c3 !important;
}

.btn-default:active
{
	background-color: #076d9c !important;
	border: 1px solid #3D4653 !important;
}


.tela-agente-content-box
{
	margin: 20px 0px;
	padding: 0px !important;
}

.modal-header
{
	padding-bottom: 0px;
}

.modal-header .close
{
	margin-top: -10px !important;
	width: 25px;
}

.modal-dialog.tamanho_grande
{
	width: 850px;
}
.modal-dialog.min_500
{
	min-width: 500px !important;
}
.modal-dialog.min_600
{
	min-width: 600px !important;
}
.modal-dialog.min_700
{
	min-width: 700px !important;
}
.modal-dialog.min_800
{
	min-width: 800px !important;
}



#tags_disponiveis .tag
{
	cursor: move;
	padding: 3px 5px;
    background-color: #428bca;
	border: 1px solid #31708f;
	color: #fff;
	float: left;
	margin: 2px 2px;
}

#tags_produtivas, #tags_improdutivas, #tags_agendadas
{
	width: calc(100% - 30px);
	height: 250px;
	background-color: white;
	border: 1px solid #c5d2da;
	overflow-y: scroll;
}

#tags_produtivas div, #tags_improdutivas div, #tags_agendadas div
{
	width: calc(100% - 20px);
	padding: 8px 10px;
	border-bottom: 1px solid #c5d2da;
	cursor: move;
}

#tags_produtivas div:hover, #tags_improdutivas div:hover, #tags_agendadas div:hover
{
	background-color: #41c7f9;
	color: #1E303C;
}

.tags_box
{
	width: calc(33.3% - 35px);
	margin: 0px 5px;
	float: left;
}

.tags_box:first-child
{
	width: calc(33.3% - 40px);
	margin-left: 0px;
	margin-right: 5px;
	float: left;
}

.tags_box:last-child
{
	width: calc(33.3% - 35px);
	margin-left: 5px;
	margin-right: 0px;
	float: left;
}

.tags_box .tags_box_titulo
{
	width: calc(100% - 28px);
	padding: 5px 0px;
	background-color: #FFF;
}

.status-campanha
{
	margin: 20px 0px;
	width: 100%;
}

.conteudo
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

select
{
	height: 34px;
	font-size: 14px;
	padding: 5px;
}

.pesquisar-junto-botao
{
	margin: 2px;
	margin-left: 5px;
	width: auto;
	float: left;
}

.pesquisar-junto-botao input
{
	margin: 0px;
}

.pesquisar-junto-botao span
{
	float: left;
}

.pesquisar-junto-botao div
{
	border-left: 1px solid #838C93;
	height: 25px;
	width: 1px;
	margin-top: 6px;
	float: left;
}

.pesquisar-junto-botao + .botoes-acao-pagina
{
	margin: 0px;
}

.pesquisar-junto-botao span:hover + div,
.pesquisar-junto-botao span:focus + div,
.pesquisar-junto-botao span:focus-within + div
{
	border: 2px;
	margin-right: 1px;
}

.pesquisar-junto-botao input
{
	border: 1px solid transparent;
}

.pesquisar-junto-botao select
{
	border: 0px;
}


.pesquisar-junto-botao input:hover,
.pesquisar-junto-botao input:focus
{
	border: 1px solid #1D99D2 !important;
	/* margin-left: 0px; */
}

.pesquisar-junto-botao input[type=button].pesquisar:hover,
.pesquisar-junto-botao input[type="button"].pesquisar:focus
{
	background-color: #FFF;
}

.pesquisar-junto-botao select:hover,
.pesquisar-junto-botao select:active
{
	border: 1px solid #1D99D2 !important;
}

.pesquisar-junto-botao .titulo
{
	margin: 12px 5px;
}

input[type=button]:hover, input[type=submit]:hover
{
	color: #FFF;
	background-color: #1D99D2;
}

.pesquisar
{
	background-image: url('../images/icon-pesquisar.png');
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
	width: 40px;
}

.pesquisar
{
	background-color: #FFF;
}

.pesquisar:hover
{
	background-color: #FFF;
	background-image: url('../images/icon-pesquisar-hover.png');
	margin-left: 1px;
}

.pesquisar.btn-gradient
{
	margin-left: 2px!important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #becdd6;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #becdd6;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #becdd6;
}

.font-large
{
	font-size: larger !important;
}

table.filtro_chamadas tr.nome_campos td
{
	padding-top: 10px;
	margin-bottom: -5px;
}

table.filtro_chamadas tr.campos td
{
	padding-bottom: 10px;
	border-bottom: 1px solid #DADBDD;
}

.btn-danger span, .btn-success span
{
	color: #FFF;
}

.espacamento_linhas
{
	padding-top: 10px;
}

.default_size
{
	width: 250px;
}

tr td.default_size
{
	width: 300px;
}

.bt_documentacao
{
	float: right;
	margin-top: -7px;
	width: 150px;
	color: #0099D5;
	padding: 10px;
}

.bt_documentacao:hover
{
	border-color: #0099D5;
	background-color: #0099D5;
	color: #FFF;
}

.tab_box_dashboard
{
	height: 265px;
}

.tab_box_dashboard span
{
	margin-left: 10px;
}

.bt_wallboard
{
	float: right;
	width: 90px;
	color: #0099D5;
	padding: 5px;
}

.bt_wallboard:hover
{
	border-color: #029FCC;
	background-color: #029FCC;
	color: #FFF;
}

.bt_wallboard.ativo
{
	color: #FFF;
    background-color: #00a750;
    border-color: #00a750;
}

.bt_wallboard.ativo:hover
{
    background-color: #13b79b;
    border-color: #13b79b;
	cursor: pointer;
}

button[disabled=disabled].bt_wallboard
{
	border-color: #ca5b37;
    background-color: #ca5b37;
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,.175);
    box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,.175);

}

button[disabled=disabled].bt_wallboard.ativo:hover,
button[disabled=disabled].bt_wallboard.ativo
{
    background-color: #00a750;
    border-color: #00a750;
	cursor: not-allowed;
}

.bt_wallboard.pausada
{
	color: #FFF;
	border-color: #ca5b37;
    background-color: #ca5b37;
}

.bt_wallboard.pausada:hover
{
	color: #FFF;
	border-color: #d27253;
    background-color: #d27253;
}

button[disabled=disabled].bt_wallboard.pausada:hover,
button[disabled=disabled].bt_wallboard.pausada
{
	color: #FFF;
	border-color: #ca5b37;
    background-color: #ca5b37;
	cursor: not-allowed;
}

.wallboard_info_operadores
{
	width: 100%;
	font-size: smaller;
	margin-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #D7E4E9;
}

.wallboard_box
{
	overflow-y: scroll;
	height: 252px;
}

div.wallboard_box_img_operadores
{
	float: left;
	margin: 5px;
	width: calc(20% - 4px);
	border: 2px solid #13b79b;
	height: 55px;
	display: flex;
	align-items: flex-end;
	border-radius: 0px;
	background-color: #FFF;
	background-image: url('../images/usuario_padrao.png');
	background-size: 105%;
	background-repeat: no-repeat;
	background-position: center bottom;
}

@media screen and (min-width: 1400px)
{
	.wallboard_box
	{
		height: 252px;
	}

	div.wallboard_box_img_operadores
	{
		width: calc(12% - 4px);
		height: 60px;
	}
}

.wallboard_box_img_operadores.disponivel
{
	border-color: #13b79b;
}

.wallboard_box_img_operadores.indisponivel
{
	border-color: #e75c2a;
}

.wallboard_box_img_operadores.chamada_por_outra_campanha
{
	border-color: #8A2BE2;
}

.wallboard_box_img_operadores.pausa
{
	border-color: #ffb97b;
}

.wallboard_box_img_operadores.falando
{
	border-color: #187bfd;
}

.wallboard_box_img_operadores.classificando
{
	border-color: #ff8d00;
}

.mesa_operadora
{
	text-align: center;
}

.menu-operador
{
    margin: auto 0px;
    padding: 2px 20px;
    top: 0px;
	width: calc(100% - 40px);
    z-index: 10;
    border: 0px;
    background-color: #15191d;
    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.175);
    box-shadow: 0 2px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    position: fixed;
}

#status-campanha
{
	float: left;
	width: 70px;
}

#breadcrumb
{
	margin-top: 5px;
	margin-bottom: -20px;
	color: rgb(104, 115, 125);
}

.breadcrumb-link:hover
{
	cursor: hand;
	text-decoration: underline;
}

.tag_filtros_incrementais
{
	background-color: #0fb79b;
	border-radius: 40px;
	padding: 10px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}

#exclui_filtro
{
	border-radius: 50%;
	color:white;
	font-size: 15px;
	margin-left: -13px !important;
	vertical-align: middle;
	cursor: pointer;
	vertical-align: unset;
	width: 20px;
    height: 20px;
    display: inherit;
	text-align: -webkit-center;
	border: 1px solid white;
}

#exclui_filtro:hover
{
	border-radius: 50%;
	background-color: white;
	color:#0fb79b;
	font-size: 15px;
	margin-left: -13px !important;
	vertical-align: middle;
	cursor: pointer;
	vertical-align: unset;
	width: 20px;
    height: 20px;
    display: inherit;
	text-align: -webkit-center;
}

.nome_campo_adicionado
{
	color: white;
}

.conteudo_campo_adicionado
{
	color: white;
	padding-right: 20px
}

/* The container_checkbox */
.container_checkbox
{
	position: relative;
	padding-left: 25px;
	padding-right: 10px;
	margin-bottom: 4px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.container_checkbox input
{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark
{
	position: absolute;
	top: -3px;
	left: 0;
	height: 20px;
	width: 20px;
    background-color: #DADBDD;
    border: 1px solid #DAD0F0;
}

/* On mouse-over, add a grey background color */
.container_checkbox:hover input ~ .checkmark
{
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_checkbox input:checked ~ .checkmark
{
	background-color: #029FCC;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after
{
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.container_checkbox input:checked ~ .checkmark:after
{
	display: block;
}

/* Style the checkmark/indicator */
.container_checkbox .checkmark:after
{
	left: 6px;
	top: 2px;
	width: 8px;
	height: 13px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#tabela-logs th, #tabela-logs tr
{
	text-align: center;
	padding: 10px;
}

#tabela-logs tr th:first-child, #tabela-logs tr td:first-child
{
	border-left: 1px solid #c5d2da;
}

#tabela-logs tr th:last-child, #tabela-logs tr td:last-child
{
	border-right: 1px solid #c5d2da;
}

#tabela-logs tr:first-child th
{
	border-top: 1px solid #c5d2da;
}

#tabela-logs tr.detalhe-log
{
	display: none;
	text-align: left;
}

.linha-log
{
	border-bottom: 1px solid #c5d2da;
}

.btn-zoho
{
	width: 180px;
	color: white;
	font-weight: bold;
	text-align: right !important;
	background: url('../images/icon-zoho.png') 4px 35% no-repeat #0073aa;
	background-size: 60px;
}

.teste_btn
{
	height: 0px;
    background-color: #ffffff !important;
    font-size: larger;
    left: 0%;
    float: left;
}

.titulo_box_pequeno_dash
{
	color: black;
	font-weight: 600;
}

#img_file_clip
{
    width: 75px;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    opacity: 0.3;
    margin-top: 50px;
}

#div_alterar_logo
{
	border: 1px solid #A2A5B8;
	height: 100%;
	color: #fff
}

#div_alterar_logo_header
{
	background-color: #A2A5B8;
	padding: 10px;
	text-align: center;
	color: #fff
}

.logo_altera
{
	height: auto;
	padding: 10px;
	border: 2px solid #A2A5B8;
}

.img_anexar
{
	height: auto;
	width: 55%;
	cursor:pointer;
	border: 2px solid #A2A5B8;
}

.info_mailing
{
	padding: 15px 25px; 
	margin-bottom: 10px; 
	background: antiquewhite!important;
	font-weight: 600;
}

#info_contatos
{
	padding: 0 15px;
    background: antiquewhite!important;
    font-weight: 600;
    height: 40px;
}

.table_form .td_meio
{
    text-align: center;
    border-bottom: 0;
	padding: 10px;
	vertical-align: middle;
	width:250px
}

.table_form td
{
	height: 40px;
    font-size: 14px;
    text-align: left;
    border-bottom: 0;
	padding: 10px;
	vertical-align: middle;
}

#sortable1, #sortable2
{
	list-style-type: none;
	margin: 0;
	float: left;
	margin-right: 10px;
	background: white;
	padding: 5px;
	width: 98%;
	min-height:150px;
}

#sortable1 li, #sortable2 li
{
	margin: 5px;
	padding: 5px;
	font-size: 1.2em;
	width: 120px;
}

#feedback
{
	font-size: 20;
}

#selectable .ui-selecting
{
	background: #1E303C;
}

#selectable .ui-selected
{
	background: #1E303C;
	color: white;
	border-color: #1E303C;
}

#selectable
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 450px;
}

#selectable li
{
	margin: 3px;
	padding: 1px;
	float: left;
	width: 50px;
	font-size: 20;
	text-align: center;
	background: #ebebeb;
	border-color: #ebebeb;
	color:#949494;
}

.ui-slider-horizontal
{
	height: 37px;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all
{
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.ui-widget-header
{
	width: calc(100% + 10px);
	margin-left: -5px;
}

.ui-widget.ui-widget-content
{
	border: 1px solid #DADBDD;
}
.ui-slider .ui-slider-handle
{
	height: 42px;
	padding-left: 5px;
}


#amd_funcionamento .ui-slider-range
{
	background-color: #a0c9ff;
}

.ui_tpicker_hour_label
{
	margin-bottom: 10px;
}

.ui_tpicker_minute_label
{
	margin-top: 10px;
	margin-bottom: 5px;
}

.ui-slider .ui-state-active
{
	background-color: #018EC3;
}

#nivel_ruido_slider.ui-widget-content
{
	background-color: #56b958;
}

.grupo-audios-ura-inteligente
{
	border: 1px solid #d3d3d3;
	color: #555555;
	margin: 5px 0px;
	padding: 10px;
	background-color: #FBFBFB;
	cursor: move;
}

.grupo-audios-ura-inteligente.audio
{
	border-color: #D3D405;
	background-color: #FBFAE2;
}

.grupo-audios-ura-inteligente.campo-mailing
{
	border-color: #DAAFAF;
	background-color: #EFD5D5;
}

.grupo-audios-ura-inteligente.texto
{
	border-color: #AFB2DA;
	background-color: #CCD0EC;
}

.grupo-audios-ura-inteligente .ui-icon
{
	float: left;
	margin: 10px 0px;
}

.grupo-audios-ura-inteligente-close
{
	float: right;
	border: 1px solid #d3d3d3;
	padding: 10px;
	margin-top: 0px;
	background-color: #FFF;
	cursor: hand !important;
}

.tipo-audios-ura-inteligente
{
	width: 27%;
	margin: 0px 5px;
}

.audio-ura-inteligente
{
	width: 45%;
	margin: 0px 5px;
}


.grupo-audios-protocolo
{
	border: 1px solid #d3d3d3;
	color: #555555;
	margin: 5px 0px;
	padding: 10px;
	background-color: #FBFBFB;
	cursor: move;
}

.grupo-audios-protocolo.audio
{
	border-color: #D3D405;
	background-color: #FBFAE2;
}

.grupo-audios-protocolo.campo-mailing
{
	border-color: #DAAFAF;
	background-color: #EFD5D5;
}

.grupo-audios-protocolo.texto
{
	border-color: #AFB2DA;
	background-color: #CCD0EC;
}

.grupo-audios-protocolo .ui-icon
{
	float: left;
	margin: 10px 0px;
}

.grupo-audios-protocolo-close
{
	float: right;
	border: 1px solid #d3d3d3;
	padding: 10px;
	margin-top: 0px;
	background-color: #FFF;
	cursor: hand !important;
}

.tipo-audios-protocolo
{
	width: 27%;
	margin: 0px 5px;
}

.audio-protocolo
{
	width: 45%;
	margin: 0px 5px;
}

.audio.gradient
{
	background: linear-gradient(90deg, rgb(236, 235, 208, 1) 50%, rgb(236, 235, 208, 0.5) 0%);
	background-size: 200% 200%;
}

.campo-mailing.gradient
{
	background: linear-gradient(90deg, rgb(239, 213, 213, 1) 50%, rgb(239, 213, 213,0.5) 0%);
	background-size: 200% 200%;
}

.texto.gradient
{
	background: linear-gradient(90deg, rgb(204, 208, 236, 1) 50%, rgb(204, 208, 236,0.5) 0%);
	background-size: 200% 200%;
}

@-webkit-keyframes teste {
	0%{background-position:100% 0%}
	50%{background-position:50% 50%}
	100%{background-position:0% 0%}
}
@-moz-keyframes teste {
	0%{background-position:100% 0%}
	50%{background-position:50% 50%}
	100%{background-position:0% 0%}
}
@-o-keyframes teste {
	0%{background-position:100% 0%}
	50%{background-position:50% 50%}
	100%{background-position:0% 0%}
}
@keyframes teste {
	0%{background-position:100% 0%}
	50%{background-position:50% 50%}
	100%{background-position:0% 0%}
}

.table_pesquisa
{
	margin-bottom: 20px;
	padding: 15px;
	width: 50%;
}

.table_pesquisa .td_pesquisa
{
	border: 1px solid #DADBDD;
	padding: 15px
}

textarea
{
	outline: none !important
}

#padrao
{
	width: fit-content;
	float: right
}

.box-1-of-3.dashboard-empresa
{
	flex: 1 0 calc(33.33% - 60px);
	margin: 10px;
	margin-left: 0px;
	margin-right: 20px;
}

.tab_box_dashboard .utilizacao th
{
	border-color: #7e7e98;
}

.tab_box_dashboard .titulo
{
	font-weight: 500;
	font-size: 16px;
	text-align: center;
}

.box-2-of-3
{
	flex: 1 0 calc(66.66% - 60px);
	margin: 10px;
	margin-left: 0px;
	margin-right: 20px;
	background-color: #fff;
	padding:15px;
	box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
}

.bt-voicemail a{
	background-image: url("../images/voicemail.png");
	filter: brightness(0%);
	background-size: 18px;
}

.bt-voicemail-desativado a, .bt-voicemail-desativado a:hover {
	background-image: url("../images/voicemail.png");
	background-size: 18px;
	filter: brightness(70%);
}

.bt-voicemail a:hover{
	background-image: url("../images/voicemail-hover.png");
	filter: brightness(100%);
}

.dias_semana_horario_trab
{
	width: 4%;
}

.check_horario_func[disabled]
{
	background-color: #000;
}

.ui-state-default
{
	padding: 8px;
	min-height: 25px;
	background: #e6e6e6;
    border-radius: 4px;
	margin: 8px 0px;
	display:flex;
	justify-content: flex-start;
	align-items: center;
}

.div_estrutura
{
	border: 0px solid #e6e6e6;
	background-color: #D6D6D6;
}

.user_alt
{
	color: #428bca;
}

.icon_alert
{
	width: 20px;
    vertical-align: sub;
    margin-left: 10px;
}

.icons-table-align
{
	justify-content: center;
	align-items:center;
	display: flex;
}

audio
{
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 5 0;
	background-color: #F1F3F4;
	width: 100%;
	height: 42px;
}

.tr_campanha_callback audio
{
	margin-bottom: 0px;
}

audio:focus
{
	outline: -webkit-focus-ring-color solid 1px;
}

.dashboard-geral
{
	padding: 17px 25px 0px 25px !important;
}

.dashboard-geral span.info-principal
{
	font-size: 40px;
	font-weight: bold;
	color: #6D5CE7;
}

.dashboard-geral img.info-principal
{
	margin-left: 20px;
	width: 25px;
	vertical-align: baseline;
	border-left: 1px solid #6D5CE7;
	padding-left: 10px;
	padding-right: 5px;
}

.dashboard-geral img
{
	margin-left: 20px;
	width: 25px;
	vertical-align: inherit;
	border-left: 1px solid #6D5CE7;
	padding-left: 10px;
	padding-right: 5px;
}

@media screen and (max-width: 1400px)
{
	.dashboard-geral span.info-principal
	{
		font-size: 2.4em;
		font-weight: bold;
		color: #6D5CE7;
	}

	.dashboard-geral img
	{
		margin-left: 15px;
		width: 25px;
		vertical-align: inherit;
		border-left: 1px solid #6D5CE7;
		padding-left: 10px;
		padding-right: 5px;
	}

	.box-1-of-4
	{
		width: calc(33.33% - 24px);
		background-color: #fff;
		margin-right: 10px;
		display: inline-block;
		height: 115px;
		margin-top: 30px;
		padding:5px;
		box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
	}
	
	.box-3-of-4
	{
		width: calc(75% - 104px);
		background-color: #fff;
		margin-right: 10px;
		display: inline-block;
		height: 115px;
		margin-top: 30px;
		padding:5px;
		box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
}
}

.importantRule { padding-bottom: 30px !important; }

.detalhes:hover
{
	filter: brightness(40%);
}

.detalhes
{
	filter: brightness(25%);
}

.tags_voicemail
{
	height: 240px;
	color: #606278;
	font-size: 16px;
	padding: 10px;
	border:1px solid #DADBDD
}

.title_tags_voicemail
{
	color: #606278;
	font-size: 18px;
	vertical-align: middle;
}

html::-webkit-scrollbar-track
{
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #fff;
}

html::-webkit-scrollbar
{
	width: 12px;
	background-color: #fff;
}

html::-webkit-scrollbar-thumb
{
	background-color: #474f58;
}

.wallboard_box::-webkit-scrollbar-track
{
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #fff;
}

.wallboard_box::-webkit-scrollbar
{
	width: 12px;
	background-color: #fff;
}

.wallboard_box::-webkit-scrollbar-thumb
{
	background-color: #474f58;
}

.grupo_ramais::-webkit-scrollbar-track
{
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #fff;
}

.grupo_ramais::-webkit-scrollbar
{
	width: 12px;
	background-color: #fff;
}

.grupo_ramais::-webkit-scrollbar-thumb
{
	background-color: #474f58;
}

.modal::-webkit-scrollbar-track
{
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #fff;
}

.modal::-webkit-scrollbar
{
	width: 12px;
	background-color: #fff;
}

.modal::-webkit-scrollbar-thumb
{
	background-color: #474f58;
}

#painelLateral::-webkit-scrollbar-track
{
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #fff;
}

#painelLateral::-webkit-scrollbar
{
	width: 12px;
	background-color: #fff;
}

#painelLateral::-webkit-scrollbar-thumb
{
	background-color: #474f58;
}

.tipo_campanha, .tipo_campanha_selecionado, .modo_discagem, .modo_discagem_selecionado
{
	background-color: #fff;
	width: calc(25% - 40px);
    padding: 15px 10px 15px 10px;
	cursor: pointer;
	border: 1px solid #DADBDD;
	display: inline-block;
	height: 260px;
    vertical-align: top;
	margin-right: 15px;
	margin-bottom:15px;
}

.modo_discagem, .modo_discagem_selecionado
{
	width: calc(33% - 40px);
}

.img_campanha_ativa_seta
{
	background-image: url(../images/seta_direita_claro.png);
    background-repeat: no-repeat;
    height: 200px;
	background-size: 100px;
	background-position-x: center;
	background-position-y: center;
	margin-top: -15px;
}

.img_modo_discagem
{
	background-repeat: no-repeat;
	height: 200px;
	background-size: 80px;
	background-position-x: center;
	background-position-y: center;
	margin-top: -15px;
}

.img_modo_discagem_sequencial
{
	background-image: url(../images/icon-renitencia-sequencial-claro.png);
}

.img_modo_discagem_horizontal
{
	background-image: url(../images/icon-renitencia-horizontal-claro.png);
}

.img_modo_discagem_vertical
{
	background-image: url(../images/icon-renitencia-vertical-claro.png);
}

.titulo_tipo_campanha, .titulo_modo_discagem
{
	font-size: large;
    font-weight: 500;
    text-align: center;
	color: #505050;
}

.desc_tipo_campanha, .desc_modo_discagem
{
    text-align: center;
	margin-top: -15px;
	color: #505050;
}

.img_campanha_receptiva_seta
{
	background-image: url(../images/seta_esquerda_claro.png);
    background-repeat: no-repeat;
    height: 200px;
	margin-top: -15px;
	background-size: 100px;
    background-position-x: center;
    background-position-y: center;
}

.img_campanha_callback_seta
{
	background-image: url(../images/duas_setas_claro.png);
    background-repeat: no-repeat;
    height: 200px;
	margin-top: -15px;
	background-size: 100px;
    background-position-x: center;
    background-position-y: center;
}

.img_campanha_sms
{
	background-image: url(../images/sms.png);
    background-repeat: no-repeat;
    height: 200px;
	margin-top: -15px;
	background-size: 100px;
    background-position-x: center;
    background-position-y: center;
}

.img_campanha_preview_seta
{
	background-image: url(../images/olho_claro.png);
    background-repeat: no-repeat;
    height: 200px;
	margin-top: -15px;
	background-size: 100px;
    background-position-x: center;
    background-position-y: center;
}

.tipo_campanha:hover, .modo_discagem:hover
{
	border: 1px solid #076d9c;
	background-color: #bfe9fc;
}

.tipo_campanha_selecionado, .modo_discagem_selecionado
{
	border: 1px solid #076d9c;
	background-color: #ceeefd;
}

.classificador, .classificador_selecionado
{
	background-color: #fff;
	border: 1px solid #DADBDD;
    width: calc(100% / 5 - 41px);
    padding: 15px 10px 15px 10px;
    cursor: pointer;
    display: inline-flex;
    height: 172px;
    vertical-align: top;
    margin-right: 15px;
    justify-content: space-around;
    flex-direction: column;
}

.classificador:hover
{
	border: 1px solid #076d9c;
	background-color: #bfe9fc;
}

.classificador_selecionado
{
	border: 1px solid #076d9c;
	background-color: #ceeefd;
}

.img_classificador_desabilitado
{
	background-image: url(../images/desabilitado_claro.png);
    background-repeat: no-repeat;
	background-size: 100px;
    background-position-x: center;
    background-position-y: center;
    height: 200px;
	margin-top: -15px;
}

.titulo_classificador
{
	font-size: large;
    font-weight: 500;
    text-align: center;
	color: #505050;
}

.desc_classificador
{
    text-align: center;
	margin-top: -15px;
	color: #505050;
}

.img_classificador_moderado
{
	background-image: url(../images/moderado_claro.png);
    background-repeat: no-repeat;
    height: 200px;
	background-size: 170px;
    background-position-x: center;
    background-position-y: center;
	margin-top: -15px;
}

.img_classificador_agressivo
{
	background-image: url(../images/agressivo_claro.png);
    background-repeat: no-repeat;
    height: 200px;
	margin-top: -15px;
	background-size: 100px;
    background-position-x: center;
    background-position-y: center;
}

.img_classificador_customizado
{
	background-image: url(../images/customizado_claro.png);
    background-repeat: no-repeat;
    height: 200px;
	margin-top: -15px;
	background-size: 100px;
    background-position-x: center;
    background-position-y: center;
}
.img_classificador_pre_atendimento
{
	background-image: url(../images/icon_telefone_classificador_claro.svg);
    background-repeat: no-repeat;
	background-size: 45px;
    background-position-x: center;
    background-position-y: center;
    height: 100px;
	margin-top: -15px;
}

.table-condensed .available
{
	background-color: #ffffff;
}

.div_dias_semana_disabled
{
	background-color: #076d9c;
	cursor: default;
}

.div_dias_semana, .div_dias_semana_no_click, .div_dias_semana_selecionado, .div_dias_semana_no_click_nao_selecionado, .div_dias_semana_disabled
{
	background-color: #076d9c;
    padding: 7px 7px 7px 7px;
	cursor: pointer;
	border: 2px solid #DADBDD;
	display: inline-block;
    vertical-align: top;
	margin-right: 15px;
	min-width: 35px;
    max-width: 35px;
    text-align: center;
	color: #fff
}

.div_dias_semana:hover, .div_dias_semana_selecionado
{
	background-color: #0baaf4;
}

.div_dias_semana_no_click
{
	background-color: #0baaf4 !important;
	cursor: default;
}

.div_dias_semana_no_click_nao_selecionado
{
	background-color: #076d9c !important;
	cursor: default;
}

.bt-bloquear a{
	background-image: url("../images/icon-bloquear-dark.png");
	background-size: 16px;
}

.bt-bloquear a:hover{
	background-image: url("../images/icon-bloquear-hover.png");
}

.bt-bloquear-desabilitado a{
	background-image: url("../images/icon-bloquear-dark.png");
	background-size: 16px;
	background-color: #e6e6e6;
}

.bt-desbloquear a{
	background-image: url("../images/icon-desbloquear-dark.png");
	background-size: 16px;
}

.bt-desbloquear a:hover{
	background-image: url("../images/icon-desbloquear-hover.png");
}

.bt-desbloquear-desabilitado a{
	background-image: url("../images/icon-desbloquear-dark.png");
	background-size: 16px;
	background-color: #e6e6e6;
}

.detalhe-log td
{
	background-color: #eceff2 !important;
    border: 1px solid #DADBDD;
}

.detalhe-log
{
	display:none
}

.linha-log td
{
	vertical-align: middle !important;
}

.table_info_ramal
{
	margin-bottom: 20px;
	border: 1px solid #e6e6e6;
}

.table_info_ramal td
{
	border-bottom: 1px solid #ededed;
}

.last_tr td
{
	border-bottom: 1px solid #e6e6e6;
}

.bt-copy a
{
	background-image: url("../images/copy-icon.png");
	background-size: 16px;
	cursor: pointer;
	filter: brightness(0%);
}

.bt-copy a:hover
{
	background-image: url("../images/copy-icon-hover.png");
	filter: brightness(100%);
}

.bt-copy
{
	display: inline-block;
    float: none !important;
    vertical-align: top;
	margin-left: -10px;
	margin-top: 30px !important;
}

#insere_integracao td
{
    text-align: center;
}

.custom-combobox .ui-corner-all, .custom-combobox .ui-corner-bottom, .custom-combobox .ui-corner-right, .custom-combobox .ui-corner-br
{
	background-image: url(../images/seta_baixo.png);
	background-position-x: 50%;
	background-position-y: 50%;
	background-repeat: no-repeat;
	background-color: #FFF;
	border: 1px solid #DADBDD;
	border-left: 0px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}


.ui-autocomplete
{
	max-height: 200px;
	overflow-y: auto;   /* prevent horizontal scrollbar */
	overflow-x: hidden; /* add padding to account for vertical scrollbar */
	z-index:100000000 !important;
}

#sub_box
{
	border: 1px solid #DADBDD;
	background-color: #ededed
}

#sub_box td
{
	background-color: #ededed
}

#borda_renitencia
{
	border-left: 2px solid #DADBDD; 
	border-bottom: 0; 
	border-right: 2px solid #DADBDD;
}

#borda_titulo_renitencia
{
	text-align: center;
	border-bottom: 2px solid #DADBDD
}

.head_vermelho
{
	background-color: #F23054;
}

.head_azul
{
	background-color: #3084F2;
}

.head_verde
{
	background-color: #04BF45;
}

.nome_fila
{
	width: 95%;
	font-size: 16px;
	color: #ffffff;
}

.head_card_filas
{
	color: #ffffff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.body_card_filas
{
	margin: 0px;
	padding: 0px !important;
	border-bottom: solid 1px rgba(0, 0, 0, 0.2);
	border-left: solid 1px rgba(0, 0, 0, 0.2);
	border-right: solid 1px rgba(0, 0, 0, 0.2);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.head_card_filas td
{
	background-color: transparent !important;
	border:none;
}

.body_card_filas td
{
	background-color: transparent !important;
	border:none;
}

.numeros_filas
{
	font-size: 25px;
	text-align: center !important;
	position: relative;
	bottom: 20%;
}

.separador
{
	border-left: solid 2px rgba(0, 0, 0, 0.1);
}

.border_final
{
	border-left: solid 2px rgba(0, 0, 0, 0.1);
}

.head_numeros_filas
{
	font-size: 15px;
	text-align: center !important;
	width: 7.5vw;
}

.head_numeros_filas_top
{
	font-size: 15px;
	text-align: center !important;
	width: 7.5vw;
	padding: 9% 0% 0% 0%;
}

.data_agente
{
	color: rgba(0, 0, 0, 0.8);
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.not_data_agente
{
	color: rgba(0, 0, 0, 0.6);
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.data_agente:nth-child(1)
{
	text-align: left;
	padding-left: 1vw;
}

.th_data_agente
{
	color: rgba(0, 0, 0, 0.5);
	font-size: 15px;
}

.th_data_agente:nth-child(1)
{
	text-align: left;
	padding-left: 2%;
}

.div_agente
{
	overflow-y: auto;
	max-height:271px;
}

.side
{
	float: left;
	width: 50%;
}

.head_bt:hover
{
	filter: brightness(70%)
}

.table_data_agente tr:nth-child(even)
{
	background-color: rgba(0, 0, 0, 0.05);
}

.removerRegra
{
	cursor: pointer;
}

.removerRegra:hover
{
	color: #0094D9;
}

.custom-file-upload 
{
	border: 1px solid #ccc;
	display: inline-block;
	cursor: pointer;
	width: calc(100% - 24px);
	text-align: center;
	padding: 5px 12px;
	width: calc(100% - 24px);
}

.custom-file-upload:hover
{
	border-color: #0099D5;
	color: #0099D5;
}

.box-estrutura-campo
{
	background-color: #E6E6E6;
	border: 2px solid #FFF;
	margin: 5px 4px;
	border-radius: 0px;
}

.box-operadores-cor-texto-disponivel
{
	color: #13B79B;
}

.box-operadores-cor-texto-falando
{
	color: #187BFD;
}

.box-operadores-cor-texto-em-pausa
{
	color: #FFB97B;
}

.box-operadores-cor-texto-indisponivel
{
	color: #E75C2A;
}

.box-operadores-cor-texto-chamada-por-outra-campanha
{
	color: #8A2BE2;
}

.box-operadores-cor-texto-classificando {
	color: #ff8d00;
}

.warn-mailing
{
	background-color: #9B1112;
}

.warn-mailing div
{
	color: #eaeaea;
}

.download-btn
{
	filter: brightness(0%);
}

.notificacao .divider
{
	background-color: #e5e5e5 !important;	
}

.btnFluxo
{
	border: 1px solid #555 !important;
	font-weight: 500;
	border-radius: 0px !important;
	width: 145px
}

.alertaFluxo
{
	position: absolute; 
	top: calc(50% - 27px);
	z-index: 9; 
	background-color: #076d9c; 
	width: 300px;
	padding: 10px;
	right: calc(50% - 170px);
	color: #FFF !important;
}

.alertaFluxo div
{
	color: #FFF !important;
}

.fechar_alerta_fluxo
{
	float: right;
	cursor: pointer;
}

.fechar_alerta_fluxo:hover
{
	color: red;
}

#painelLateralDireita
{
	cursor: pointer;
	float: right; 
	height: 100%;
}

#iconPainelLateral:hover
{
	background-color: #f0f0f0;
}

#painelLateralEsquerda
{
	float: left; 
	width: 85%;
	display:none;
	margin: 10px !important;
}

#iconPainelLateral
{
	top:0;
	display: flex; 
	align-items: center; 
	justify-content: center; 
	font-size: 20px; 
	right: 0;
	height: 100%;
	padding: 0px 2px 0px 4px;
	min-height: 200px;
}

#painelLateral
{
	max-height: 680px;
	position: absolute; 
	z-index: 8; 
	background-color: #ffffff;
	width: auto;
	right: 66px;
	overflow-y: auto;
	padding: 0px !important;
    max-height: 550px;
    display: none;
}

/* The whole thing */
.custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    white-space: nowrap;
    font-family: sans-serif;
    background: #dbdbdb;
    padding: 0;
}

/* Each of the items in the list */
.custom-menu li {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
}

.custom-menu li:hover {
    background-color: #dbdbdb;
}

.custom-menu li:not(.titulos_context_menu):hover {
    background-color: #dbdbdb;
}

.titulos_context_menu {
	font-weight: 500;
	background-color: #e6e6e6;
	border: 1px solid #c3c3c3;
}


.acoes_contextmenu, .eventos_contextmenu {
	background-color: #181e26;
	font-size: 13px;
}

.custom-menu::-webkit-scrollbar-track
{
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #fff;
}

.custom-menu::-webkit-scrollbar
{
	width: 12px;
	background-color: #fff;
}

.custom-menu::-webkit-scrollbar-thumb
{
	background-color: #474f58;
}

.acoes_contextmenu, .eventos_contextmenu {
	background-color: #f0f0f0;
	font-size: 13px;
}


.ui-autocomplete .ui-menu-item 
{
	cursor: pointer;
	padding: 5px;
}

.ui-autocomplete .ui-menu-item:hover
{
	background-color: #DADBDD;
}

.ui-autocomplete::-webkit-scrollbar-track
{
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #fff;
}

.ui-autocomplete::-webkit-scrollbar
{
	width: 12px;
	background-color: #fff;
}

.ui-autocomplete::-webkit-scrollbar-thumb
{
	background-color: #474f58;
}

.btn_verde 
{
	background-color: #308d4d;
	color: #fff;
	border: 1px solid #37a058;
}

.btn_verde:hover
{
	background-color: #37a058 !important;
}

.botaoEventoAcao:hover
{
	filter: brightness(1.15);
}

.botaoEventoAcao:active
{
	filter: brightness(1.3);
}

input[type=text]:disabled, input[type=number]:disabled, input[type=button]:disabled {
	cursor: not-allowed;
}

.flex_center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.box-wallboard-counts {
	margin-top:7px;
}
.box-wallboard-counts .head-card {
	padding:5px 0px 0px 10px;
}

.content_wallboard_counts {
	padding: 2px 0px 0px 15px;
}

.modal-body .table_transparent td {
	background-color: transparent !important;
}
.modal-footer 
{
	margin-top: 0px !important;
	padding-top: 0px !important;
	border-top: none !important;
}	

.bt-msg a{
	background-image: url("../images/btn_msg_claro.png");
	background-size: 20px;
}

.bt-msg a:hover{
	background-image: url("../images/btn_msg_hover.png");
}

.bt-msg-desabilitado a{
	background-image: url("../images/btn_msg_claro.png");
	background-size: 20px;
}
.ver_respostas {
	cursor:pointer;
}
.respostas_box {
	background-color: #eff2f5;
	padding:10px 5px 5px 10px;
	flex:1;
}
.respostas_box + .respostas_box {
	margin-top:10px;
}
.blockquote_minimal {
	padding: 0px 14px;
    margin: 10px 5px 10px 10px;
    font-size: 14px;
    border-left: 1px solid #8aafdd;
}
.box-wallboard-counts {
	text-align:center;
	font-size:19px;
	display:flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	border-top:8px solid #00cec9;
	margin-top:15px;
}
.box-wallboard-counts .head-card {
	text-align:center;
	font-weight: 400;
	font-size:14px;
}
.box-wallboard-counts .content_wallboard_counts {
	text-align:center;
	font-size:20px;
	font-weight: 500;
	margin-top:-5px;
}

.tr_view_all td {
	padding:0px !important;
	background: #eff2f5 !important;
}
.tr_view_all div {
	height:100%; 
	width:100%; 
	display:flex; 
	align-items:center; 
	justify-content:center;
}
.tr_view_all div:hover {
	background-color: #f9f9f9;
}
.tr_view_all a:hover {
	text-decoration: none !important;
}
.tr_view_all a div {
	color:#428bca !important;
}

.btn-send-sms
{
	color: #FFF;
	float: left;
	margin-left: 5px;
	cursor: pointer;
	background-color: #076d9c;
	border: 1px solid #DADBDD !important;
	padding: 2px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn-send-sms svg
{
	width: 14px;
	margin-left:5px;
}

.btn-send-sms.bloqueado
{
	background-color:#e6e6e6; 
	color:#68737d;
	cursor: default;
	font-weight: bold;
	font-size: 14px;
}

.btn-send-sms:hover:not(.bloqueado)
{
	border: 1px solid #DADBDD;
	color: #fff;
	border:0;
	background-color: #0988c3}

.btn-send-sms:active:not(.bloqueado)
{
	color: #018EC3;
	border: 1px solid #DADBDD;
	border:0;
}


.sms_mailing_container 
{
	flex:1; 
	border: 1px solid #DADBDD; 
	padding:5px 10px;
}
.sms_mailing_container + .sms_mailing_container 
{
	margin-top:5px;
}

.sms_mailing_numero 
{
	display:flex; 
	flex-direction:row; 
	align-items:center;
}
.sms_mailing_numero svg 
{
	width:13px; 
	color:#018EC3;
}
.sms_mailing_numero span 
{
	font-size:13px; 
	margin-left:10px; 
	color:#5f6276;
}


.sms_mailing_operador 
{
	display:flex; 
	flex-direction:row; 
	align-items:center;
}
.sms_mailing_operador svg 
{
	width:13px; 
	color:#018EC3;
}
.sms_mailing_operador span 
{
	font-size:13px; 
	margin-left:10px; 
	color:#5f6276;
}

.sms_mailing_custo 
{
	display:flex; 
	flex-direction:row; 
	align-items:center;
}
.sms_mailing_custo svg 
{
	width:13px; 
	color:#01c33d;
}
.sms_mailing_custo span 
{
	font-size:13px; 
	margin-left:10px; 
	color:#5f6276;
}


.sms_mailing_inspect 
{
	display:flex; 
	flex-direction:row; 
	align-items:center; 
	color:#018EC3; 
	cursor:pointer;
	transition: all ease 0.2s;
}
.sms_mailing_inspect span
{
	font-size:13px;
}
.sms_mailing_inspect svg 
{
	width:13px;
	margin-left:5px; 
	margin-top:2px;
	color:#018EC3; 
	transition: all ease 0.2s;
}
.sms_mailing_inspect:hover 
{
	padding-left:2px;
	color:#0988c3;
}
.sms_mailing_inspect:hover svg 
{
	margin-left:7px;
	color:#0988c3;
}

.sms_mailing_status 
{
	display:flex; 
	flex-direction:row; 
	align-items:center;
}
.sms_mailing_status svg 
{
	width:13px; 
	color:#018EC3;
}
.sms_mailing_status > span 
{
	font-size:13px; 
	margin-left:10px; 
	color:#5f6276;
}

.message_sms_container {
	border: 1px solid #DADBDD; 
	background-color:#fff;
	min-height:150px; 
	margin-top:10px;
	padding:5px 10px;
	font-size:14px;
}

.copy_text {
	cursor:copy;
}

.tag_campanha {
	border: 1px solid #DADBDD; 
	background-color:#fff;
	padding:5px 10px 5px 10px; 
	border-radius:2px;
	transition: all ease 0.2s;
}
.tag_campanha:hover {
	transform: translateX(2px);
}
.menu_preview {
	background-color:#2c354294 !important;
}
.menu_preview .primary:hover {
	background-color:#2c354294 !important;
	cursor:not-allowed !important;
}
.menu_preview .primary {
	background-color:#2c354294 !important;
}
.menu_preview .primary > span {
	flex:1;
}
.menu_preview .primary {
	align-items: center;
}
.menu_preview .sub:hover {
	background-color:#2c354294 !important;
	cursor:not-allowed !important;
}
.menu_preview .sub {
	background-color:#2c354294 !important;
}
.preview_menu_icon {
	width: 15px;
	margin-right:20px;
	color:#cd2929c2;
}
#menu-content #menu-primary li .primary span.tip {
	padding: 5px 10px !important;
	font-size:13px;
	display: none;
	margin-top:0px !important;
	margin-left:0px !important;
	background-color:#2c3542 !important;
	border-color:#2c3542 !important;
}
.disabled_tipo {
	transition: all ease 0.2s;
	background-color: #ebeef1 !important;
	position: relative;
}
.disabled_tipo .titulo_tipo_campanha {
	color: #5f635a !important;
}
.disabled_tipo .desc_tipo_campanha {
	color: #5f635a !important;
}
.disabled_tipo:hover {
	border:1px solid #DADBDD;
	cursor: not-allowed !important;
	background-color:#ebeef1 !important;
}
.disabled_tipo .cadeado_tipo {
	position: absolute;
	width: 16px;
	top:8px;
	right:10px;
	color:#5f635a;
}

.quadrado {
    display: inline;
    margin-right: 15px;
}

.quadrado span
{
	vertical-align: top;
	font-size: 12px;
	vertical-align: middle;
}

.quadrado .q_online
{
	height: 13px;
  	width: 13px;
	display: inline-block;
	border-radius: 50%;
  	background-color: #4cc171;
	vertical-align: middle;
}

.quadrado .q_online_noop
{
	height: 13px;
  	width: 13px;
	display: inline-block;
	border-radius: 50%;
  	background-color: #4cc171;
	vertical-align: middle;
}

.quadrado .q_falando
{
	height: 13px;
  	width: 13px;
	display: inline-block;
	border-radius: 50%;
  	background-color: #00e3eb;
	vertical-align: middle;
}

.quadrado .q_outra_campanha
{
	height: 13px;
  	width: 13px;
	display: inline-block;
	border-radius: 50%;
  	background-color: #8A2BE2;
	vertical-align: middle;
}

.quadrado .q_indisponivel
{
	height: 13px;
  	width: 13px;
	display: inline-block;
	border-radius: 50%;
  	background-color: #e86c6c;
	vertical-align: middle;
}

.quadrado .q_pausa
{
	height: 13px;
  	width: 13px;
	display: inline-block;
	border-radius: 50%;
  	background-color: rgba(255, 214, 0, 0.48);
	vertical-align: middle;
}

.quadrado .q_em_uso
{
	height: 13px;
  	width: 13px;
	display: inline-block;
	border-radius: 50%;
  	background-color: #00a0eb;
	vertical-align: middle;
}

.quadrado .q_fora_horario
{
	height: 13px;
  	width: 13px;
	display: inline-block;
	border-radius: 50%;
  	background-color: #c3ff00;
	vertical-align: middle;
}

.card-modulo {
	width: calc(25% - 40px);
	padding: 15px 10px 15px 10px;
	display: inline-block;
	height: 270px;
	min-width: 320px;
	vertical-align: top;
	margin: 20px;
}

.card-modulo-active {
	border: 1px solid #DADBDD;
}

.card-modulo-disabled {
	background-color: #ededed;
	border: 1px solid #ededed;
}

.modulos-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(20em, 24em));
}

.card-modulo-disabled .img-modulo {
	opacity: 0.2;
	filter: brightness(0);
}

.img-modulo {
	margin-top: 16px;
	filter: brightness(0);
}

.titulo-modulo {
	font-size: large;
	font-weight: 500;
	text-align: center;
}

.desc-modulo {
	font-size: small;
	text-align: center;
	margin-top: -15px;
}

.alerta_avisos
{
	animation: blinker 2s linear infinite;
}


.bt-permissoes a{
	background-image: url("../images/permissoes.png");
	background-size: 16px;
	filter: brightness(0%);
}

.bt-permissoes a.desativado, .bt-permissoes a:hover.desativado {
	background-image: url("../images/permissoes.png");
	background-size: 16px;
	filter: brightness(50%);
}

.bt-permissoes a:hover{
	background-image: url("../images/permissoes_hover.png");
	filter: brightness(100%);
	
}

.bt-config a{
	background-image: url("../images/icon-config2.png");
	background-size: 16px;
	filter: brightness(0%);
}

.bt-config a.desativado, .bt-config a:hover.desativado {
	background-image: url("../images/icon-config2.png");
	background-size: 16px;
	filter: brightness(50%);
}

.bt-config a:hover{
	background-image: url("../images/icon-config_hover.png");
	filter: brightness(100%);
	
}


/* Layout Wallboard */

.botao_layout_wallboard
{
	color: #505050;
	margin-right: 5px;
	float: right;
}

.botao_layout_wallboard:hover
{
	color: #0099D5;
}

.span_posicao_layout_wallboard
{
	background-color: #737373;
	width: fit-content;
	padding: 5px 10px 5px 10px;
	margin-right: 10px;
	color: white;
}

.graficos_layout
{
	color: #737373;
	border: 1px solid #737373;
}

.graficos_layout_desabilitado
{
	color: #737373;
	background-color: #737373;
	border: 1px solid #737373;
}

.span_posicao_layout_wallboard_desabilitado
{
	background-color: #737373;
	width: fit-content;
	padding: 5px 10px 5px 10px;
	margin-right: 10px;
}

.span_posicao_layout_wallboard_desabilitado_nome
{
	color: white
}

.th_color
{
	background-color: #e6e6e6;
}

.texto_verde
{
	color: #00B25D;
}

.texto_vermelho
{
	color: #F60101;
}

.div_img_dash_ramal
{
	float: left; 
	width: 35%; 
	text-align: center;
	border-left: 16px solid #428BCA; 
	border-right: 1px solid rgba(57, 72, 103, 0.25);
	padding: 10px;
}

.div_nome_dash_ramal
{
	text-align: center;
	font-size: larger; 
	font-weight: 500;
	display: grid; 
	padding: 10px; 
	vertical-align: middle; 
	height: 100%;
	align-self: center;
	width: 50%;
}

.border_top_tr
{
	border-top: 1px solid #a2a3b7;
}

a.btn
{
	margin-top: 3px;
}

.caixa_chat
{
	background-color: #ebeef1;
	padding: 15px;
	display: grid;
	justify-content: space-between;
	border: 1px solid #DADBDD;
	grid-template-columns: repeat(auto-fill, minmax(50%, 100%));
	max-height: 50%;
    overflow-y: scroll;
	flex-direction: column-reverse;
}

.div_mensagem_chat
{
	display: inline-flex; 
	width: 100%;
}

.botao_enviar_mensagem
{
	width: 25%; 
	margin-left: 1%;
}

.mensagem_chat
{
	background-color: #ffffff !important;
	width: fit-content;
	padding: 10px;
	border-radius: 5px;
	word-wrap: break-word;
	margin-bottom: 10px;
	max-width: 50%;
	font-size: smaller;
}

.mensagem_chat_direita
{
	background-color: #ffffff !important;
    width: fit-content;
    padding: 10px;
    border-radius: 5px;
    max-width: 50%;
    justify-self: right;
	word-wrap: break-word;
	margin-bottom: 10px;
	font-size: smaller;
}

.mensagem_chat_horario
{
	padding-top: 6px;
	font-size: smaller;
	text-align: right;
    color: #505050;
	font-size: 10px;
}

.caixa_chat::-webkit-scrollbar-track
{
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #fff;
}

.caixa_chat::-webkit-scrollbar
{
	width: 12px;
	background-color: #fff;
}

.caixa_chat::-webkit-scrollbar-thumb
{
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #474f58;
}

.mensagem_chat_pessoa
{
    font-size: smaller;
    color: #505050;
    font-weight: 600;
	padding-bottom: 6px;
}

.div_pessoa_chat
{
	background-color: #ebeef1;
	width: fit-content;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 15px;
}

.pessoa_chat
{
	width: 20px;
	margin-right: 5px;
	vertical-align: bottom;
}

.icon_idioma, .icon_chat_header
{
	width: 20px !important;
	cursor: pointer; 
	display: flex;
	filter: brightness(0%);
}

.icon_notificacao
{
	filter: brightness(0%);
}

notifychat
{
	position: absolute;
    top: -6px;
    padding: 2px 4px;
    background: transparent;
    color: red;
}

.div_mensagem_nao_lida
{
	width: 100%;
	border-top: 1px solid #e6e6e6;
	cursor: pointer;
	padding-bottom: 10px;
}

.div_mensagem_nao_lida:hover, .div_mensagem_nao_lida:active
{
	background-color: #e6e6e6;
}

.grid_mensagem_nao_lida
{
	width: 100%; 
	padding: 5px;
	display: grid; 
	grid-template-columns: 10% 80% 10%;
}

.imagem_operador_mensagem_nao_lida
{
	vertical-align: sub; 
	width: 30px;
}

.div_marcar_lido
{
	text-align: right;
    margin-right: 10px;
    background-image: url('../images/marcar_lido.png');
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
	filter: brightness(0%);
}

.div_marcar_lido:hover
{
    background-image: url('../images/marcar_lido_hover.png');
	filter: brightness(100%);
}

notifychat2
{
	position: absolute;
    top: 5px;
    padding: 2px 4px;
    background: transparent;
    color: red;
    left: 30px;
}

.div_flutuante_mensagens
{
	position: fixed; 
	z-index: 999; 
	background-color: #076d9c; 
	border-radius: 50%; 
	padding: 15px; 
	bottom: 0;
	right: 0;
	margin: 10px;
	cursor: pointer;
}

#info_usuario_idiomas
{
	border: 0;
	cursor:default; 
	float: right; 
	position: relative; 
	margin: 5px 5px 0px 0px; 
	height:10px
}

.icon_chat_header_bolinha
{
	cursor: pointer; 
}


.table_with_horizontal_scroll
{
	overflow-x: scroll; 
	overflow-y: hidden;
	white-space: nowrap;  
	max-width: none !important; 
	width: max-content;
}

.div_relatorio_scroll::-webkit-scrollbar-track
{
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #fff;
}

.div_relatorio_scroll::-webkit-scrollbar
{
	width: 12px;
	background-color: #fff;
}

.div_relatorio_scroll::-webkit-scrollbar-thumb
{
	background-color: #474f58;
}

.data_inicio, .data_fim
{
	background-image: url(../images/calendar.png);
    background-Position: 97% center;
    background-Repeat: no-repeat;
    background-size: 20px;
}

.timepicker
{
	background-image: url(../images/horario.png);
    background-Position: 95% center;
    background-Repeat: no-repeat;
    background-size: 20px;
}

#ui-datepicker-div
{
	z-index: 999 !important;
}



/* DETALHAMENTO DE OPERAÇÃO */

.td_periodo_detalhes_operacao
{
	vertical-align: middle; 
	font-size: medium; 
	font-weight: 600;
}

.div_ver_dados_detalhes_operacao
{
	float: right; 
	color: #018ec3; 
	text-align-last: center; 
	font-size: small; 
	font-weight: 600; 
	cursor: pointer;
}

.txt_tipo_dado_grafico
{
	font-size: larger; 
	font-weight: 700; 
	color: #06BD89
}

.td_operador_detalhes
{
	min-width: 100px; 
	border: 1px solid #a2a3b7;
	text-align: left;
	padding-right: 10px;
}

.td_operador_detalhes_menor
{
	min-width: 50px; 
	border: 1px solid #a2a3b7;
	text-align: left;
	padding-right: 10px;
	text-align: center;
}

.td_operador_detalhes_maior
{
	min-width: 300px; 
	border: 1px solid #a2a3b7;
	text-align: left;
	padding-right: 10px;
}

.img_operador_detalhes
{
	width: 30px;
	margin-left: 10px;
	margin-right: 10px
}

.valor_operador_detalhes
{
	min-width: 100px; 
	border: 1px solid #a2a3b7;
}

.valor_operador_detalhes_menor
{
	min-width: 50px; 
	border: 1px solid #a2a3b7;
}

.valor_operador_detalhes_maior
{
	min-width: 300px; 
	border: 1px solid #a2a3b7;
}

.tr_relatorio
{
	min-width: 100px;
	border: 1px solid #a2a3b7; 
	color: #018EC3; 
	background-color: #DADBDD;
}

.tr_relatorio_maior
{
	min-width: 300px;
	border: 1px solid #a2a3b7; 
	color: #018EC3; 
	background-color: #DADBDD;
}

.svg_image_menu svg path, .svg_image_menu svg line
{
	fill: #b1bdcd;
}

.svg_image_menu svg
{
	height: 20px;
	width: 20px;
}

.hover_svg_div:hover .svg_image_menu svg path, .hover_svg_div:hover .svg_image_menu svg line, .svg_image_menu.active svg path, .svg_image_menu.active svg line
{
	fill: #4798ee;
	stroke: #4798ee;
}


.tabela_hover_click tr:hover td 
{
    background: rgba(133,184,237,0.2);
}

.tabela_hover_click tr:active td 
{
	background: rgb(162 200 241 / 20%);
}

.historico_atualizacoes
{
	float: left;
    font-size: small;
    padding: 10px;
    color: #5f6276;
	cursor: pointer;
}

.historico_atualizacoes:hover
{
	color: #8e91a4;
}

.borda_erro
{
	border-color: #ffafbd;
}

.marcarTodosLidas
{
	
	font-size: 13px;
	width: 100%;
	display: flex;
	justify-content: end;
}

.marcarTodosLidas-btn
{
	width: 100%;
	font-size: 13px;
	display: flex;
	justify-content: end;
}

.marcarTodosLidas-btn button
{
	width: 180px;
}

.marcarTodosLidas-btn button:hover
{
	background-color: #1D99D2;
}

.marcarTodosLidas-btn button:hover a
{
	color: white;
	text-decoration: none;
}

.instrucoes_uso_variáveis
{
	background-color: #E2F3FF;
	display: flex;
	border: #6CB0EE solid 1px;
	width: 280px;
	height: auto;
	top: 572px;
	left: 1352px;
	border-radius: 4px;
}
.instrucoes_uso_variáveis h3
{
	font-size: 12px;
	margin: 7px 0px !important;
	color:#505050;
}
.btn_instrucoes_uso_variáveis
{
	background-color: #076D9C;
	width: 145px;
    height: 17px;
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 10px;
	padding: 0px 0px 22px 0px;
	display: flex;
	justify-content: center;
	color:#ffffff;
	
}
.icone_atencao
{
	width: 12px;
	margin: 4px 6px 0px 5px;
}
.copiar_variavel
{
	cursor:pointer;
}
}

.input_group_fx_col {
	display:flex;
	flex-direction: column;
}

.input_group_fx_col small {
	color: rgba(255, 255, 255, 0.5);
}

.box_title_campanha {
	font-size: 14px;
	padding-left: 10px;
	margin: 10px 0;
	font-weight: 500;
}
.box_title_campanha small {
	color: rgba(255, 255, 255, 0.5);
	font-size:12px;
	font-weight: 400;
}

.input_label {
	font-size: 14px;
	font-weight: 500;
	padding:0;
	margin:0;
}
.input_label small {
	color: rgba(255, 255, 255, 0.5);
	font-size:12px;
	font-weight: 400;
}

.fl-1 {
	flex:1
}
.fl-2 {
	flex:2
}
.d-flex-rows {
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
.d-flex-col {
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.fl-start {
	align-items: flex-start !important;
}
.gp-20 {
	gap:20px;
}
.gp-10 {
	gap:10px;
}
.box-bordered-100 {
	background-color: transparent;
	border: 1px solid #dadbdd;
    background: #ffffff;
	padding:15px 11px;
}
.box-bordered-200 {
	border: 1px solid #dadbdd;
    background: #f7f7f7;
	padding:15px 11px;
}
.way_chat_variables_divisor > p {
	color: #515151;
	font-size: 12px;
	font-weight: 500;
}
.fake_input {
	border: 1px solid #dadbdd;
    background: #f7f7f7;
	display:flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	height: 28px;
	width: 100%;
}
.fake_input span {
	color: #515151;
	font-size: 12px;
	font-weight: 400;
	padding-left: 12px;
}
.way_chat_template_select {
	height:30px;
	border: 1px solid #dadbdd;
	margin:0px !important;
}
.group_var_template,.group_mailing_template,#variables_way_chat_container,#mailing_way_chat_container {
	width: 100%;
}

#variables_way_chat_container,#mailing_way_chat_container {
	gap: 5px;
	display: flex;
	flex-direction: column;
}
.template_container {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding:20px 10px;
	width: 338px;
}
.template_message_model {
	width: 283px;
	min-height: 107px;
	border-radius: 10px 0px 10px 10px;
	background: #A0D7C9;
}
.template_body {
	padding:9px 9px 5px 9px;
}
.template_body p {
	color: #515151;
	font-size: 12px;
	font-weight: 600;
	white-space: pre-wrap;
	margin:0px;
}
.template_footer {
	padding:9px 9px 5px 9px;
}
.template_footer p {
	color: #505050b8;
	font-size: 12px;
	font-weight: 600;
	white-space: pre-wrap;
	margin:0px;
}
.template_message_time {
	padding:9px 9px 5px 9px;
}
.template_message_time p {
	color: #505050b8;
	font-size: 10px;
	font-weight: 600;
	text-align: right;
	margin:0px;
}
.template_header {
	padding:9px 9px 5px 9px;
}
.template_header img {
	width: 100%;
	border-radius: 10px 0px 10px 10px;
}
.way_chat_no_variables > p {
	color: #505050;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	margin:20px auto;
}
.way_chat_no_variables {
	justify-content: center;
}

input.error, select.error {
	border: 1px solid #ff434347;
}

/* 
.table_subtable_td {
	background-color: #2a3341 !important;
	box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.2);
	border-bottom: none;
	padding: 10px !important;
}
.sub-tabela .campo-td {
	background-color: #2a3341 !important; 
	border: 1px solid #323d4d !important; 
	padding: 10px;
} */
.box_alerta{
	display: flex;
	width: 280px;
	height: auto;
	top: 572px;
	left: 1352px;
	border-radius: 4px;
	padding: 10px;
	background-color: #E2F3FF;
	border: #6CB0EE solid 1px;
}
.box_alerta h3{
	color:#505050;	
}
.grid-form-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 40px;
}

.titulo_relatorio_pesquisa {
	font-size:18px;
	font-weight:400;
}
.subtitulo_relatorio_pesquisa {
	font-size:35px;
	font-weight: 700;
}
.divider{
	height:50%;
	border:1px solid #e6e6e6;
}
.box_title_graph {
	font-size:16px;
	font-weight:400;
}
.td-header {
	text-align:center !important; 
	font-size:16px !important; 
	font-weight:500 !important;
}
.td-subheader {
	text-align:center !important; 
	font-size:14px !important; 
	font-weight: 500 !important;
}
.td-item {
	text-align:center !important; 
	font-size:12px !important; 
	font-weight: 400 !important;
}
.tr-list + .tr-list {
	border-top:1px solid #e6e6e6;
}

.skeleton_td_inside {
	background: linear-gradient(45deg, #323D4D, #323D4D, transparent);
	height:20px;
	width:60px;
	border-radius:10px;
	margin:0 auto;
	animation-name: animationBgSkeleton;
	animation-duration: 1.3s;
	animation-iteration-count: infinite;
}

@keyframes animationBgSkeleton {
	0% { opacity: 0.8; }
	25% { opacity:0.6; }
	50% { opacity:0.4; }
	75% {  opacity:0.6;}
	100% {  opacity:0.8; }
}

/* .box_alerta{
	background-color: #122A3F;
	display: flex;
	border: #003566 solid 1px;
	width: 280px;
	height: auto;
	top: 572px;
	left: 1352px;
	border-radius: 4px;
	padding: 10px;
} */

.amcharts-chart-div a
{
	display: none !important;
}
.item-palavra
{
	color: #515151;
	display: inline-block;
    margin: 5px;
    padding: 5px 10px;
    background-color: #E7E8E9;
    border-radius: 2px;
    cursor: pointer;
	word-break: break-word;
}
.palavra_utilizada
{
	margin-left: 4px;
    display: none;
    color: #ff4747;
}
.palavras_reconhecimento_voz td
{
	border-bottom: 2px solid #D6D8DB!important;
	padding: 5px!important;
	background-color: #ffffff!important;
	width: 200px;
}
.td-small.reconhecimento_voz
{
	width: 3%;
}
.adicionar_palavras_chave
{
	width:30px;
	height:30px;
    height: 32px;
    background: #076d9c;
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.palavras-selecionadas 
{
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-flex;
	align-items: center;
    justify-content: center;
	width: 200px;
	max-width: 750px;
	color:#51515180;
}
.btn_modo_funcionamento
{
	color: black;
    float: left;
    width: 170px;
    margin-left: 5px;
    cursor: pointer;
    background-color: #CED4DC;
}
.btn_modo_funcionamento:hover {
    color: #FFF;
    background-color: #076d9c;
	border: none;
}
.btn-selecionado{
	background-color: #076d9c;
	color: #fff;
}

.blink-alert, .piscar-alerta
{
    background: #FFC873;
	border: 1px solid #FFC873;
	animation: blinker 1s linear infinite;
}

.background-indisponivel
{
	background-color: #FFB97B;
}

.grid-form-row-2-colums
{
	display: grid;
	grid-template-columns: repeat(2, 2fr);
	gap:20px;
	font-size: 14px;
}

.label_comentario
{
	color: #60627890;
	font-weight: 400;
}

.ui-slider-handle.ui-state-default.ui-corner-all
{
	margin-top: 1px;
	background: #076d9c !important;
	width: 10px;
	min-height: 5px;
    height: 5px;
	padding-left: 5px;
}