html,body,div,p,span,li,ul,table,form,input
{
	font-family: "Lato", Helvetica, "Noto Sans", sans-serif, Arial;
	margin: 0px;
	padding:0px;
}

td
{
	height: 57px;
}

.timer
{
	font-size: 22px;
}


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

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

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

.select-acoes
{
	
	height: 20px;
	padding: 8px;
	background-color: #f3f1f2;;/*#effcff;*/
	margin: 5px 0px;
	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;  
	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;
}

.linha-cinza,
#content .box table td.linha-cinza
{
	background-color: #f3f1f2; 
	padding: 0px !important; 
	max-height: 5px !important;
	height: 5px !important;
}

.linha-cinza:hover
{
	background-color: #f3f1f2 !important;
}

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

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

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

body
{
	clear: both;
}

#body {
	background: #F1F1F1;
	height: 100%;
}

/* Menu*/
#main-menu
{
	float: left;
	margin-top: 40px;
	min-width: 3%;
	width: 280px;
	height: 100%; 
	background: #23282d; /* For browsers that do not support gradients */
	position: fixed;
	z-index: 1;
}

#main-menu-small
{
	float: left;
	margin-top: 40px;
	width: 75px;
	min-height:100%;
	height: auto;
	background: #23282d;
	position: fixed;
	z-index: 1;
}

#logo_black
{
	height: 54px;
	position: absolute;
	top:13px;
	left:85px;
	float:left;
	padding:5px;
	padding-top: 7px;
	padding-left:15px;
}

#logo_black img
{
	height: 100%;
	width:auto;
	clear:both;
}

#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
{
	background: #1F2F3C;
	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%;
}

#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;
}

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

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

#menu-content #menu-primary li .primary div img
{
	height: 22px;
}

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

/* !menu */

/* login */

#body #index {
	float: left;
	width: 100%;
	margin: 0px;
}

#index .box {
	margin: 15%;
}

#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: bold;
	font-size: 13px;
}

#index .box .head {
	background: #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: 0px 0px;
	border: 1px;
	border-top: 1px solid #EBEBEB;
	
}


/* !cabeçalho */

/* conteudo */

#content {
	min-width: 50%;
	max-width: 96%;
	margin: 0px;
	padding: 20px 1.9%;
	margin-left: 280px;
	background: #eaf3ff;
	min-height:100%;
}

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

#content .box, #content-expand .box {
	border-radius: 10px;
	background: #ffffff;
}


#content .box table, #content-expand .box table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid transparent;
}

#content .box table th, #content-expand .box table th {
	 color: #b4c3d5;
	 font-size: 0.8em;
	 font-weight: bold;
	 padding: 8px;
	 text-align: left;
	 padding-bottom: 10px;
	 text-transform: uppercase;
	 font-weight: 800;
}

#content .box table tr, #content-expand .box table tr
{
	background: #FFFFFF;
}


#content .box table td, #content-expand .box table td {
	color: rgb(104, 115, 125);
	font-size: 0.88em;
	font-weight: 600;
}

#content .box table td a, #content-expand .box table td a{
	text-decoration: none;
	color: #68737d;
	font-weight: bold;
}

#content .box table td a:hover, #content-expand .box table td a:hover{
	text-decoration: underline;
	
}

#content .box table .cinza1, #content-expand .box table .cinza1 {
	background: #ffffff;
}

tr:last-child td:last-child {border-bottom-right-radius: 1px;}

#content .box div a, #content-expand .box div a  {
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 13px;
}

#content .box .head, #content-expand .box .head, .head {
	background: #1E303C;
	font-size: 1em;
	color: white;
	border-radius: 4px 4px 0 0;
	padding: 25px 25px 25px 25px;
	font-weight: 800;
}

/*box 1*/

#content .box1, #content-expand .box1 {
	margin-top: 10px;
}


#content .box1 table, #content-expand .box1 table {	
	width: 100%;
	border-color: #C6C6C6;
	border: 1px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px; 
	background: #ebebeb;
	border-collapse: collapse;
	border: 1px solid #C6C6C6;
}

#content .box1 table th, #content-expand .box1 table th {
	 color: #b4c3d5;
    font-size: 1em;
    font-weight: bold;
    padding: 0px;
    text-align: left;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: 800;
}

#content .box1 table tr, #content-expand .box1 table tr
{
	background: #FFFFFF;
}


#content .box1 table td, #content-expand .box1 table td {
	color: rgb(104, 115, 125);
    font-size: 0.9em;
    font-weight: 600;
}


#content .box1 table th, #content .box1 table td, #content-expand .box1 table th, #content-expand .box1 table td
{
	padding: 10px 20px;
}

#content .box1 table td a, #content-expand .box1 table td a{
	text-decoration: none;
	color: black;
	font-weight: bold;
}

#content .box1 table .cinza1, #content-expand .box1 table .cinza1 {
	background: #F3F1F2;
}

#content .box1 table .branco, #content-expand .box1 table .branco  {
	background: white;
}

#content .box1 div a, #content-expand .box1 div a {
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 13px;
}

#content .box1 .head, #content-expand .box1 .head {
	    background: #1E303C !important;
	    font-size: 1.0em;
	    color: white;
	    border-radius: 5px 5px 0 0;
	    padding: 30px 25px 25px !important;
	    font-weight: 800;
}

/*box 2*/
#content .box2 table, #content-expand .box2 table {	
	width: 100%;
	border-color: gray;
	border: 1px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px; 
	background: #ebebeb;
	border-collapse: collapse;
}

#content .box2, #content-expand .box2 {
	margin-top: 25px;
}

#content .box2 table th, #content-expand .box2 table th {
	background: #fdfdff; /* For browsers that do not support gradients */
   	background: -webkit-linear-gradient(#fdfdff, #cdcbcc); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#fdfdff, #cdcbcc); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#fdfdff, #cdcbcc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fdfdff, #cdcbcc); /* Standard syntax */
	border: 1px solid #ebebeb;
	color: #949494;
	font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	padding-left: 15px;
	text-align: left;
	padding-bottom: 10px;
}

#content .box2 table tr, #content-expand .box2 table tr
{
	background: #FFFFFF;
	border: 1px solid #C6C6C6;
}


#content .box2 table td, #content-expand .box2 table td {
	color: #949494;
	font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif, Arial, sans-serif;
	font-size: 12px;
	border: 0px solid #C6C6C6;
	padding: 8px;
	padding-bottom: 15px;
	padding-top: 15px;
}

#content .box2 table td a, #content-expand .box2 table td a{
	text-decoration: none;
	color: black;
	font-weight: bold;
}

#content .box2 table .cinza1, #content-expand .box2 table .cinza1 {
	background: #F3F1F2;
}

#content .box2 table .branco, #content-expand .box2 table .branco  {
	background: white;
}

#content .box2 div a, #content-expand .box2 div a {
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 13px;
}

#content .box2 .head, #content-expand .box2 .head {
	background: #1E303C;
	margin: 0px;
	border: 1px solid #EBEBEB;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	font-size: 13px;
	color: white;
	padding: 10px ;
}

#content-expand {
	min-width: 50%;
	max-width: 96%;
	margin: 0px;
	margin-left: 76px;
	padding: 20px 40px;
	background: #eaf3ff;
	min-height:100%;
	height: auto;
}



/* conteudo */
#content .box table td, #content-expand .box table td {
    color: rgb(104, 115, 125);
    font-size: 0.88em;
    font-size: 14.2px;
}

input, select,textarea {
	padding: 7px 8px;
	width: 100%;
    font-size: 0.88em;
    font-size: 14.2px;
	border-radius: 4px;
	border: 1px solid #d3d3d4;
	/*margin: 0px 5px !important;*/
	min-height: 35px;
	transition: border .2s ease-in-out,background-color .2s ease-in-out;
	background: #f3f1f2;
	font-family: "Lato", Helvetica, "Noto Sans", sans-serif, Arial;
}

input[type="radio"] 
{
    margin: 3px 3px 1px 5px;
    width: 13px;
    min-height: 0px !important;
    height: 12px;
}

input[type="submit"], input[type="button"] 
{
    transition: none;
    }

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

/*classe do titulo de tabela flutuando a direita*/
.titulo{
	min-width: 85px;
    float: right;
    position: relative;
    top: 7px;
    background: white;
    border: white;
    right: 40px;
    font-size: 15px;
    text-align: center;
    color: #1F303A;
}

.menu-top
{
	cursor:default; 
	float: right; 
	position: relative;
	height:40px;
	background:#15191d;
}

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

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


.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: rgba(0, 0, 0, 0);
	color:#FFFFFF;
	font-size: 12px;
	border: 0px;
}

.menu-superior 
{
	margin: auto 0px auto 10px;
	top: 0px;
	height: 40px;
	z-index: 1;
	border:0px;
}

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

.header-top
{
	background-color: #15191d;
	position: fixed;
	top: 0;
	width: 100%;
	height: 40px;
	z-index: 10;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
}

.show-on-hover:hover > button
{
    background-image: url("../images/icon-notify-arrow.png");
}
.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");
}
.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: #F5F5F5;
}


notify
{
	position:absolute;
	top:0;
	margin-left: 13;
	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:hand;
}
.notificacao:last-child
{
	border-bottom: solid #fff 1px;
}
.usuario
{
	width: 400px;
	background-color:#fff !important;
	border-bottom: solid #e0e0e0 1px;
	cursor:hand;
}
.notificacao:hover,.notificacao:focus
{
	color:#262626 !important;
	text-decoration:none !important;
	background-color:#f5f5f5 !important;
}
.div-notificacao-grande
{
	/*background-color: #000;*/
	width: 300px;
	padding-right: 0px!important;
	float:left;
}
.div-notificacao-pequeno
{
	margin: auto;
	padding:7px 10px !important;
	width: 60px;
	float:left;
	text-align: center;
	cursor:hand;
	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;
}

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

.input-medio {
	width: 40%;
}

.input-grande {
	width: 90%;
}

th.checkbox,
td.checkbox,
#content .box table th.checkbox, 
#content .box table td.checkbox, 
#content-expand .box table th.checkbox,
#content-expand .box table td.checkbox
{
	width: 5%;
	text-align: center;
}

/* botão padrão */
.background-cinza,
#content .box table tr.background-cinza, 
#content-expand .box table tr.background-cinza
{
	background-color: #f3f1f2;
}

.btn-gradient-disable,
.btn-gradient:disabled,
.btn-gradient:disabled:hover
{
	border: 1px solid #c5d2da !important;
	background: #f3f1f2 !important;;
	color: rgb(104, 115, 125) !important;
	background-color: #f3f1f2 !important;
}

.btn-default 
{
	padding: 6px 12px;
	border: 2px solid #73AEDF;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	cursor: pointer;
	color: #FFF;
	background: #73AEDF;
	font-weight: bold;
}

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

.btn-default:active
{
	background: #73AEDF;
	border: 2px solid #FFF;
	color: #FFF;
}
/* !botão padrão */

/*botão alterado*/
.btn-gradient
{
	border-radius: 3px;
    padding: 6px 12px;
	cursor: pointer;
	color: #FFF;
	background: #1e303c; /* Standard syntax (must be last) */
	font-weight: bold;
	font-size: 14px;
	border: 2px solid #1F2F3C;
	border: 2px solid white;
    border-radius: 5px;
}

.btn-gradient.bloqueado
{
	background-color:#e6e6e6; color:#68737d;
	padding: 6px 12px;
	border-radius: 3px;
	cursor: default;
	font-weight: bold;
	font-size: 14px;
	border: 2px solid #1F2F3C;
	border: 2px solid white;
    border-radius: 5px;
    width: 30%;
}

.btn-gradient:hover:not(.bloqueado)
{
	border: 2px solid #1F2F3C;
	background:white;
	color: #1F2F3C;
}

.btn-gradient:active:not(.bloqueado)
{
	border: 2px solid #FFF;
	color: #FFF;
}

/*botao grupo ramais*/
.btn-grupo-ramais
{
	/*min-width: 10%;*/
	width: 135px;
	max-width: 214px;
	padding: 6px 12px;
	border: 2px solid linear-gradient(#617687, #21313E);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	cursor: pointer;
	color: #FFF;
    background: -webkit-linear-gradient(#617687, #21313E); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#617687, #21313E); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#617687, #21313E); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#617687, #21313E); /* Standard syntax (must be last) */
	font-weight: bold;
}

.btn-grupo-ramais:hover 
{
	width: 135px;
	border: 2px solid #1F2F3C;
	background:white;
	color: #1F2F3C;
}

.btn-grupo-ramais:active
{
	width: 135px;
	border: 2px solid #FFF;
	color: #FFF;
}
/*fim teste botao grupo ramais*/

.btn-download {
	min-width: 30%;
	width: 70%;
	max-width: 100%;
	padding: 6px 12px;
	border: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	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-radius: 0px;
	border: 0px solid #EBEBEB;
	height: 15px;
	margin: 0px;
}

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

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

#pages div a {
	color: #CCC;
    border: 1px solid #F3F3F3;
    padding: 4px;
	background: #303A45;
	text-decoration: none;
}

#pages div a:hover {
	color: #1F2F3C;
	background: white;
	text-decoration: underline;
}

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

#content .box table #titulo, #content-expand .box table #titulo {
	font-size:14px;
	padding: 11px 15px;
	color: #373E4A;
}

.bloco {
	width: 50%;
}

#player_pai{
	display: none; 
}

.input-disable{
	background: #F1F1F1;
}

.td-small {
	width: 9%;
}

.td-medio {
	width: 30%;
}

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

.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: #8a6d3b;
	font-weight: bold;
	background: #fcf8e3;
	border-color: #907E5A;
}

.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;
	border-radius: 3px;
	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;
}

#content .box table th, #content .box table td, #content-expand .box table th, #content-expand .box table td {
    padding: 15px !important;
}


#content .box table tr:first-child, #content-expand .box table tr:first-child {
    border-top: 0px;
}   

#content-box {
	margin-top: 40px;
	padding: 0px 4.56% 40px;
	background: #ffffff;
	border-radius: 4px;
	box-shadow: 0px 0px 1px 0.4px #c5d2da;
}

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

#content .box table tr.block, #content-expand .box table tr.block
{
	background: #ffc6ca;
    border-left: 1px solid #ffc6ca;
    border-bottom: 1px solid #ffc6ca;
    border-right: 1px solid #ffc6ca;
}

tr:hover td {
    background: rgba(133,184,237,0.2);
}

td:first-child {
    border-left: 1px solid #c5d2da !important;
    border-right: 0px;
}

th {
    border-bottom: 1px solid #c5d2da;
    border-left: 1px solid #c5d2da;
    border-right: 1px solid #c5d2da;
}

.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: left;

}

.total_gasto {
    float: right;
}

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

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

}

form tr:hover td {
    background: none !important;
}

#content .box1 table td, #content-expand .box1 table td {
    font-family: inherit !important;
}

#ramaisNaoSelecionados input, #ramaisSelecionadas input{
	min-width: 30%;
	width: 50%;
	max-width: 50%;
	padding: 6px 12px;
	border: 2px solid #0094D9;
	border-radius: 3px;
	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{
	font-size: inherit;
}

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ÕES
 	==================	*/

/*	BOTÃO EDITAR
 	============	*/
.bt-editar a{
	background: url("../images/editar-normal-hover.png") no-repeat 15px 5px transparent;
	border: 1px solid #c5d2da;
	border-right: 0px;
	border-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-size: 20px;
	width: 46px;
	height: 25px;
	float: right;
}

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

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

}

/*	BOTÃO EDITAR PERMISSÕES
	=======================	*/
.bt-editar-permissoes a{
	background: url("../images/editar-permissoes-normal-hover.png") no-repeat 15px 5px transparent;
	border: 1px solid #c5d2da;
	border-right: 0px;
	border-radius: 0px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-size: 20px;
	width: 47px;
	height: 25px;
	float: left;
}

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

.bt-editar-permissoes{
    width: 48px;
    float: left;
    text-align: right;
}

.bt-editar-permissoes a:hover{
	background: url("../images/editar-permissoes-normal-hover.png") no-repeat 15px -26px #7ccd7c;
	border-color: #7ccd7c;
	background-size: 20px;	

}

/*	BOTÃO EXCLUIR
	=============	*/
.bt-excluir a{
	background: url("../images/excluir-normal-hover.png") no-repeat center 3px transparent;
	border-radius: 4px;
	border: 1px solid #c5d2da;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-size: 17px;
	width: 46px;
	height: 25px;
	float: left;
}

.bt-excluir .desativado{
	background: url("../images/excluir-normal-hover.png") no-repeat center 3px transparent;
	border: 1px solid #c5d2da;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    /* padding: 3px 12px; */
    background-size: 17px;
    width: 46px;
    height: 25px;
    float: left;
	background-color: #e6e6e6;
}

.bt-excluir a:hover{
	background: url("../images/excluir-normal-hover.png") no-repeat center -32px #e2747e;
	border-color: #e2747e;
	background-size: 17px;	
}

/*	BOTÃO ADICIONAR
	===============	*/
.bt-add a{
	background: url("../images/bt-add.png") no-repeat 15px 5px transparent;
	border: 1px solid #c5d2da;
	border-right: 0px;
	border-radius: 8px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	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;
	border-radius: 8px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	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;
	background-size: 20px;	

}

/*	BOTÃO DASHBAORD
	=============	*/
.bt-dashboard a{
	background: url("../images/dashboard-normal-hover.png") no-repeat center 1px transparent;
	border-radius: 4px;
	border: 1px solid #c5d2da;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-size: 20px;
	width: 46px;
	height: 25px;
	float: left;
}

/* TODO: precisa fazer o icon desativado da dashboard caso necessite.
 * .bt-excluir .desativado{
	background: url("../images/excluir-normal-hover.png") no-repeat center 3px transparent;
	border: 1px solid #c5d2da;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    /* padding: 3px 12px; */
    /*background-size: 17px;
    width: 46px;
    height: 25px;
    float: left;
	background-color: #e6e6e6;
}*/

.bt-dashboard a:hover{
	background: url("../images/dashboard-normal-hover.png") no-repeat center -24px #41c7f9;
	border-color: #41c7f9;
	background-size: 20px;	
}

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

/* TODO: precisa fazer o icon desativado da dashboard caso necessite.
 * .bt-config .desativado{
	background: url("../images/config.png") no-repeat center 3px transparent;
	border: 1px solid #c5d2da;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    /* padding: 3px 12px; */
    /*background-size: 17px;
    width: 46px;
    height: 25px;
    float: left;
	background-color: #e6e6e6;
}*/

.bt-grenagem a:hover{
	background: url("../images/grenagem-normal-hover.png") no-repeat center -23px #41c7f9;
	border-color: #41c7f9;
	background-size: 20px;	
}

/*	BOTÃO CONF. GERAL
	=============	*/
.bt-config a{
	background: url("../images/editar-conf-hover.png") no-repeat center 7.5px transparent;
	border-radius: 4px;
	border: 1px solid #c5d2da;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-size: 22px!important;
	width: 46px;
	height: 25px;
	float: left;
}

/* TODO: precisa fazer o icon desativado da dashboard caso necessite.
 * .bt-config .desativado{
	background: url("../images/config.png") no-repeat center 3px transparent;
	border: 1px solid #c5d2da;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    /* padding: 3px 12px; */
    /*background-size: 17px;
    width: 46px;
    height: 25px;
    float: left;
	background-color: #e6e6e6;
}*/

.bt-config a:hover{
	background: url("../images/editar-conf-hover.png") no-repeat center -15px #41c7f9;
	border-color: #41c7f9;
	background-size: 20px;	
}

/*	BOTÃO LISTA
	===============	*/
.bt-lista a{
	background: url("../images/lista-normal-hover.png") no-repeat 15px 5px transparent;
	border: 1px solid #c5d2da;
	border-right: 0px;
	border-radius: 8px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-size: 20px!important;
	width: 24px;
	height: 20px;
	float: right;
}

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

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

}

/*	BOTÃO REMOVER
	=============	*/
.bt-remover a{
	background: url("../images/bt-remover.png") no-repeat 15px 5px transparent;
	border-radius: 8px;
	border: 1px solid #c5d2da;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	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-radius: 8px;
	border: 1px solid #c5d2da;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	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;
	background-size: 17px;		

}

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

.bt-baixar .desativado{
	background: url("../images/bt-download.png") no-repeat 15px 3px transparent;
    border: 1px solid #c5d2da;
    border-right: 0px;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    /* padding: 3px 12px; */
    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.png") no-repeat 15px -28px #41c7f9;
	border-color: #41c7f9;
	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;
	border-radius: 8px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	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;
	border-radius: 8px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	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;
	background-size: 20px;	

}

/*	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;
    border-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 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;
    border-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 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;
	background-size: 20px;	

}

/*
ESCONDER IMAGENS DOS BOTÕES
===========================	
*/
.bt-entrar img,
.bt-voicemail img,
.bt-editar img,
.bt-editar-permissoes img,
.bt-excluir img,
.bt-add img,
.bt-remover img,
.bt-baixar img,
.bt-middle img,
.bt-icon-block img{
	display: none;	
}


.bt-middle, .bt-right
{
	float: left;
}

.box table tr th.sem-borda
{
	border: 0;
	border-top: 1px solid #c5d2da;
	border-bottom: 1px solid #c5d2da;
}

.box table tr th:first-child.sem-borda
{
	border-left: 1px solid #c5d2da;
}


.box table tr th:last-child.sem-borda
{
	border-right: 1px solid #c5d2da;
}

.box table tr td.sem-borda,
.box table tr td:first-child.sem-borda
{
	border: 0px;/*#c5d2da;*/
}

.box table tr td:first-child.sem-borda
{
	border-bottom: 1px solid #c5d2da;
	border-left: 0px !important;
	border-top: 0px;
}

.box table tr td.sem-borda
{
	border: 1px solid #c5d2da;
	border-left: 0px;
	border-right: 0px;
}

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

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

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

.box table tr td:last-child.sem-borda
{
	border-right: 1px solid #c5d2da;
}

.box table tr td
{
	border-bottom: 1px solid #c5d2da;
}

.box table tr td:last-child
{
	border-right: 1px solid #c5d2da;
}

.box table tr.block td div.bt-left,
.box table tr.block td div.bt-middle,
.box table tr.block td div.bt-right
{
	border: #fff;
}

.box table tr td div:last-child.bt-left a,
.box table tr td div:last-child.bt-middle a,
.box table tr td div:last-child.bt-right a,
.box table tr.block td div:last-child.bt-middle a,
.box table tr.block td div:last-child.bt-middle a,
.box table tr.block td div:last-child.bt-right a
{
	border-right: 1px solid #c5d2da !important;
	border-radius: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.box table tr td div:first-child.bt-left a
{
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
}

.box table tr td div.bt-left a,
.box table tr.block td div.bt-left a
{
	border-radius: 0px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.box table tr td div.bt-middle a,
.box table tr.block td div.bt-middle a
{
	border-radius: 0px;
}

.bt-unico a
{
	border: 1px;
	border-radius: 4px;
}

.box table tr.block td div.bt-left a:hover,
.box table tr.block td div.bt-middle a:hover,
.box table tr.block td div.bt-right a:hover
{
	background-color: #e2747e;
}

.bt-middle a, .bt-left a
{
	border: 1px solid #c5d2da;
	background-size: 17px;
	width: 46px;
	height: 25px;
	float: left;
}

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

.box table tr td div.icon-regra-roteamento a:hover
{
	border: 1px solid #41c7f9;
	background: url("../images/plano-discagem.png") no-repeat center #41c7f9;
	
	background-size: 17px;	
}

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

.box table tr td div.bt-icon-block a:hover{
	background: url("../images/blocked-white.png") no-repeat center #e2747e;
	border-color: #e2747e;
	background-size: 17px;	
}

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

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

.box table tr.block td div.bt-middle a, .box table tr.block td div.bt-left a, .box table tr.block td div.bt-right a
{
	border-color: #a7b9c9;
}

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

.box table tr.block td div.bt-editar a
{
	background-size: 20px;	
}

.box table tr.block td div.bt-editar a:hover
{
	background-color: #41c7f9;
}

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

#content .box table tr.block td, #content-expand .box table tr.block td
{
	border-bottom: 1px solid #c5d2da;
	border-top: 1px solid #dfe7ec;
}

.bt-voicemail{
    float: left;
}


.bt-voicemail a{
	background: url("../images/voicemail-normal-hover.png") no-repeat center 9px transparent;
	border: 1px solid #c5d2da;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-right: 0;
	background-size: 17px;
	width: 46px;
	height: 25px;
	float: left;
}


.bt-voicemail a:hover{
	background: url("../images/voicemail-normal-hover.png") no-repeat center -8px #e2747e;
	border-color: #e2747e;
	background-size: 17px;	
}


tr{
	height: 30px !important;
}

.link
{
	cursor: hand;
}

div.offline{
	background: #e86c6c;
	width: 14px;
	height: 14px;
	border-radius: 30px;
	vertical-align: top;
	border: 1px solid #e86c6c;
	opacity: 0.6;
}

div.offline span{
	margin-left: 20px;
    vertical-align: top;
    margin-top: -2.5px;
    display: inline-block;
}

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

div.online span{
	margin-left: 20px;
    vertical-align: top;
    margin-top: -2.5px;
    display: inline-block;
}

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

div.pausa span{
	margin-left: 20px;
    vertical-align: top;
    margin-top: -2.5px;
    display: inline-block;
}

.bt-trocar{
	display: none;
}

#usuario a[title="Trocar de Empresa"]{
	background: url("../images/trocar-normal-hover.png") center 6px no-repeat transparent;
	padding: 4px 25px;
	margin: 5px 10px;
	border-radius: 8px;
	border: 1px solid #c5d2da;
	background-size: 25px;
}

#usuario a[title="Trocar de Empresa"]:hover{
	background: url("../images/trocar-normal-hover.png") center -27px no-repeat #41c7f9;
	padding: 5px 25px;
	margin: 4px 10px;
	border-radius: 8px;
	border: 1px solid #41c7f9;
	background-size: 25px;
}

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

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

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

.ramal-1 td{
	border-bottom: 1px solid #dfe7ec;
}


.ramal-1 tr:nth-child(8) td{
	border-bottom: 1px solid #c5d2da;
}

.ramal-2 tr:last-child td, .plano-discagem-selecao tr:last-child td, .form-did tr:last-child td{
	border-top: 1px solid #c5d2da;
}

.plano-discagem-selecao tr th{
	
	border-top: 1px solid #c5d2da;
}

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

tr:last-child td[colspan="2"], tr:last-child td[colspan="4"]{
	border-top: 1px solid #c5d2da;
}

.ura tr:last-child td{
	border-bottom: 1px solid #c5d2da !important;
	border-top: 1px solid #dfe7ec !important;

}

.ura tr:last-child td:first-child{
	border-left: 1px solid #c5d2da !important;
}


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

.ura, .fila, .cliente-dados, .cliente-contato, .cliente-ramais{
	margin-bottom: 30px;
}

.fila-ramais th, .cliente-contato th, .cliente-ramais th, .cliente-sala th{
	border-top: 1px solid #c5d2da;

}

.cliente-dados td:first-child{
	width: 10%
}

.cliente-dados input[name="razaosocial"]{
	width: 100%;
}

.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);
}
	
#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;
}

.ramal-1 .input-small{
	width: auto;
}

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

#ramaisNaoSelecionados li, #ramaisSelecionadas li{
    width: 50%;
    padding: 6px 12px;
    border: 2px solid #0094D9;
    border-radius: 3px;
    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: 5%;
	width: 200px;
}

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

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_1{
	width: 40%;
	margin: auto 0px auto 0px;
}

.box-permissoes_div_1 > div{
	margin-left: 25%;
}

.icone_grupo_permissoes > img{
	height: 33px;
}

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

/* DIV SELECIONAR TODAS DO GRUPO */
.box-permissoes_div_2{
	width: 15%;
}

/* 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;
    border-radius: 5px;
}

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

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

.tip_trigger
{
    cursor: help;
}

.tip{
	position: absolute;
	max-width: 15%;
	padding: 10px !important;
	z-index: 2;
	
	color: #f5f0f0;
    background: #39414e;
    display: none;
    font-size: 12px !important;
    border-radius: 5px;
    box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-align: left;
}


/*
=================================
		@BOTÕES INFERIORES
=================================
*/

.botoes-inferiores{
	display:flex;
	justify-content: flex-end;
	margin: 30px 0px 0px 20px !important;
}
.botoes-inferiores input,
.botoes-inferiores button{
	min-width: 170px;
}

.botoes-inferiores *:last-child{
	margin-left: 7px;
}
.botoes-inferiores a{
	min-width: 170px;
}

.botoes-inferiores input{
	margin: 0px 0px !important;
}

/*
==============================
			@ABAS
==============================
*/

.abas, .abas_inativa
{
	border: 1px 1px 0px 0px solid gray;
	border-radius: 3px 3px 0px 0px;
	background-color: #1e303c;
	width: 180px;
	height: 40px;
	line-height: 40px;
	margin-right: 10px;
	cursor: pointer;
	text-align: center;
}

.abas > span, .abas_inativa > span{
	font-weight: 700;
	color: white;
	vertical-align: middle;
}

.abas_inativa
{
	background-color: #687684;
}

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

.grupo_ramais{
	height: 450px !important;
	overflow: auto;
	border: 1px solid #c5d2da;
}

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

.legenda_ramal{
	width: 90%;
}

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

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

.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{
	width: 17.3%;
	height: 70px;
	margin: 9px;
	border-radius: 2px;
	display: inline-block;
	box-shadow: 0 0 1px rgba(0,0,0,.11),0 1px 2px rgba(0,0,0,.22);
}

.box_ramal > div{
	margin-top: 20px;
	text-align: center;
}

.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;
}



/* 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: 37px 0px auto 0px;
	width: 100%;
}

.select_encaminhamento
{
	margin: 20px 0px auto 0px;
	width: 100%;
}

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

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

/* ICONE EXPANDIR/ESTREITAR 
   ========================*/
#icon-mobile{
	padding: 8px 0px 8px;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 27px;
	border-radius: 3px;
	cursor: pointer;
}

#icon-mobile:hover
{
	background: #1F2F3C;
	cursor: pointer;
}

#menu_header{
	display:flex;
	background: rgba(0,0,0,0.25);
	position: relative;
	height: 96px;
}

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

/* LABELS DOS MENUS */
#menu-content #menu-primary li .primary span{
	display: block;
	padding-top: 3px;
}

/* MENU ESTREITO
   ============= */
  
/* LOGO */
#main-menu-small #main-logo{
	display: none;
}

/* 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 45px;
}

#main-menu #logo a img
{
	height: auto;
	width: 89px;
}

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

#menu-content #menu-primary li .primary
{
	font-weight: bold;
	opacity: 0.55;
	color: white;
	font-size: 1.0em;
	letter-spacing: 0.5px;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	transition: background 0.15s;
}

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

/* ITEM DO MENU ATIVO */
#menu-content #menu-primary li.active .primary{
	opacity: 1;
	background: rgba(0,115,170,1) !important;
}

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

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

/* ITEM DO SUBMENU */  
.submenu li div{
	font-weight: bold;
	color: white;
	font-weight: 500;
	/* font-style: italic; */
	font-size: 1.0em;
	cursor: pointer;
	opacity: 0.55;
	transition: background 0.15s;
}

/* ITEM DO SUBMENU HOVER */
.submenu li div:hover{
	opacity: 1;
	background: #1c2025;
}

/* ITEM DO SUBMENU ATIVO */
.submenu li.actived div{
	color: #FFFFFF;
	background: #31383f;
	opacity: 1;
}

/* BLOCO DO SUBMENU */
.submenu_bloco {
	background: #141719;
}

#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: 12px;
}
 
#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;
}

/*============================
  			@TABELAS
  ============================*/
#content-box table .sub-tabela
{
	width: 50%;
	float: left;
	border: none;
	border-collapse: collapse;
}

#content-box table .sub-tabela tr td
{
	border-left: none!important;
	background: #f3f1f2!important;
	font-weight: normal;
    max-width: 150px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    border: none;
}

#content-box table .sub-tabela tr .campo-td
{
	width: 150px!important;
	word-wrap: break-word;
    overflow-wrap: break-word;
}

#content-box table .detalhe-log
{
	display: none;
}

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

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

.recuperar_senha_box{
	width: 40%;
	min-height: 220px;
	padding: 30px;
	border-radius: 5px;
	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;
}

/*gerenciador de arquivos*/

#filtros{
	/*display: none;*/
	background-color: white;
	/*border: 1px solid #c5d2da;*/
	z-index: 2px;
	font-size: 14px;
	padding: 10px;
}

#filtros table td:first-child{
	width: 20px !important;
}

#filtros .linha{
	display: flex;
	align-items: center;
	/*padding: 5px 0px;*/
	/*justify-content: space-between;*/
	padding: 5px 15px;
}

#filtros .linha.botoes{
	justify-content: space-between;
}

#filtros .linha.botoes .btn-gradient{
	width: 30%;
}

#filtros .linha .campo{
	width: 20%;
}

#filtros .linha > *{
	margin-right: 10px;
}

#filtros .linha .periodo input{
	width: 100px;
}

#filtros .linha .campo.data_inicio{
	width: auto;
}

#filtros .linha .campo.cliente{
	flex-grow: 0.2;
}

#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: #1E303C;
	color: white !important;
	padding: 20px 20px;
	border-radius: 5px 5px 0px 0px;
	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: white !important;
    font-weight: bold !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}


#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%;	
}

td.acoes{
	border-right: 1px solid #c5d2da;
}

#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
{
	padding: 15px;
	border-bottom: 1px solid #c5d2da;
	border-left: none !important;
		
}

.tab_box_dashboard table
{
	width: 100%;
	color: rgb(104, 115, 125);
}
	
.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: #687684;
}

.janela-ativa
{
	background-color: #1E303C;
}

.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;
    border-bottom-left-radius: 12px;
}

.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;
}