/* here you can put your own css to customize and override the theme */
.dark_glass{
	position: fixed;
	background-color: black;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	opacity: 0.3;
    	filter: alpha(opacity=30);
	z-index: -1;
}
.login{
 	/* background: url(orange-background.jpg) no-repeat center center fixed;  */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.content{
	border-radius: 20px 20px 20px 20px !important;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
.OK_VERDE{
	background-color: #4CAF50;
	border: 1px #4CAF50 solid;
	border-radius: 200px 200px 200px 200px;
	color: white;
	padding: 2px 3px 2px 3px !important;
	text-align: center !important;
	font-size: 13px !important;
}
.ATT_ORANGE{
	background-color: #f58634;
	border: 1px #f58634 solid;
	border-radius: 200px 200px 200px 200px;
	padding: 2px 3px 2px 3px !important;
	text-align: center !important;
	font-size: 13px !important;
}
.CRIT_RED{
	background-color: #F44336 !important;
	border: 1px #F44336 solid !important;
	border-radius: 200px 200px 200px 200px !important;
	color: white !important;
	padding: 2px 3px 2px 3px !important;
	text-align: center !important;
	font-size: 13px !important;
}
.NULL{
	background-color: #9e9e9e !important;
	border: 1px #9e9e9e solid !important;
	border-radius: 200px 200px 200px 200px !important;
	color: white !important;
	padding: 2px 3px 2px 3px !important;
	text-align: center !important;
	font-size: 13px !important;
}
.label_pesquisa{
	float: right;
}
.results_1 tr[visible='false'],
.no-result_1{
	display:none;
}
.results_1 tr[visible='true']{
	display:table-row;
}
.counter{
	padding:8px; 
	color:#ccc;
}
.results_2 tr[visible='false'],
.no-result_2{
	display:none;
}
.results_2 tr[visible='true']{
	display:table-row;
}
.counter_2{
	padding:8px; 
	color:#ccc;
}
.results_3 tr[visible='false'],
.no-result_3{
	display:none;
}
.results_3 tr[visible='true']{
	display:table-row;
}
#div_chart_and_legend{
	position: relative;
	border: 0px solid #757575;
}
#chartdiv1{
	position: relative;
	width: 200px;
	height: 190px;
	top: -10px;
	border: 0px solid #757575;
}
#legenddiv{
	position: absolute;
	top: 150px;
	left: -50%;
	width: 100%;
	height: 40px;
	border: 0px dotted #757575;
}
#tab_info_dacs{
	position: relative;
	top: 10px;
	border: 1px solid #757575;
	width: 100%;
	height: 200px;
}
#span_grafico{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
	border: 0px solid orange;
	text-align: center;
	font-size: 20px;
	font-weight: none;
	color: white;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	color: #757575;
}
.modal-content{
	top: 10px;
}
#chartdiv_modal{
	position: relative;
	top: -40px;
	width: 100%;
	height: 400px;
	border: 0px black solid;
}
#legenddiv_modal{
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 30px;
	width: 100%;
	height: 20px;
	border: 0px red solid;
}
.legendas_modal_graf{
	width: 15px;
	height: 15px;
	margin-left: 7px;
	margin-right: 2px;
}
#myModalLabel1, #myModalLabelCalls1, #myModalLabelLostCalls1{
	text-align: center;
	top: 2px;
	margin-top: 3px;
}
#myModalLabel2, #myModalLabelCalls2, #myModalLabelLostCalls2{
	position: relative;
	text-align: center;
	top: -4px;
}
#logotipo_cabecalho{
	width: 140px;
}
#logotipo_login{
	width: 360px;
}
.animated {
            -webkit-animation-duration: 10s;
            animation-duration: 10s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
 }
@-webkit-keyframes pulse {
            0% { -webkit-transform: scale(1); }
            50% { -webkit-transform: scale(1.1); }
            100% { -webkit-transform: scale(1); }
 }
@keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.1); }
            100% { transform: scale(1); }
}
.pulse {
            -webkit-animation-name: pulse;
            animation-name: pulse;
}
#container_grafs{
	margin-top: 10px;
	border: 0px solid #757575;
	width: 100%;
	text-align: center;
	background-color: transparent;
	z-index: 9;
}
.DIVS{
	position: relative;
	border: 0px solid #757575;
	width: 200px;
	height: 150px;
	background-color: white;
	display:inline-block;
}
#tablemultigrafs2{
	position: relative;
	white-space:nowrap !important;
	width: 100%;
	top: 2px;
}
.tableCenter{
	text-align: center;
}
.tableRight{
	text-align: right;
}
#div-iframe{
	position: relative;
	height: 450px !important;
	border: 0px blue solid !important;
}
#iframe_system_health{
	position: relative;
	top: 0px;
	width: 100%;
	height: 90%;
	border: 0px red solid !important;
}
#container_master_dash{
	width: 100%;
	text-align: center;
}	
.containers_dashboard{
	position: relative;
	width: 300px;
	height: 200px;
	display: inline-block;
	position: relative;
}
#combobox_servers{
	position: relative;
	display: inline-block;
	top: 2px;
	left: 10px;
	z-index: 9999;
}
#btn_refresh_now{
	position: relative;
	display: inline-block;
	top: 0px;
	margin-left: 15px;
	z-index: 9999;
}
#combobox_auto_refresh{
	position: relative;
	display: inline-block;
	top: 2px;
	margin-left: 5px;
	z-index: 9999;
}
#lb_refresh{
	position: relative;
	display: inline-block;
	top: 2px;
	margin-left: 10px;
	z-index: 9999;
}
#select_server_data{
	position: relative;
	display: inline-block;
	width: 670px;
	margin-bottom: 4px!important;
	border: 0px red solid;
}
.page-content{
}
.page-footer{
	position: fixed;
	width: 100%;
	bottom: 0px !important;
	z-index: 999;
	background-color: #3d3d3d;
}
.page-content-wrapper{
	/*min-height: 90% !important;*/
}
#ZoonChange{
	position: absolute;
	right: 30px;
	top: 6px;
	width: 15px;
	height: 15px;
}
#closePassChange{
	position: absolute;
	right: 5px;
	top: 6px;
	width: 15px;
	height: 15px;
}
.modal-header{
	padding-top: 15px;
}

.ms-list li:hover{
	background-color: #f58634 !important;
	color: white !important;
	cursor: pointer !important;
}
.ms-list li{
	background-color: transparent !important;
	color: black !important;
	cursor: pointer !important;
}
#div_option_period_graf{
	position: relative;
	left: calc(50% - 125px);
	top: -8px;
	width: 250px;
	display: block;
}
#texto1{
	color: white;
	font-weight: normal;
	text-shadow: 1px 1px 0px rgba(61, 61, 61, 1);
}
#texto2{
	color: white;
	font-weight: normal;
	text-shadow: 1px 1px 0px rgba(61, 61, 61, 1);
}
#titulo_login{
	color: white;
	font-weight: normal;
	text-shadow: 1px 1px 0px rgba(61, 61, 61, 1);
}
.a_login:hover{
	color: white;
	font-weight: bold;
}
.a_login{
	font-weight: bold;
	color: white;
}
#legenda_grafico_licencas{
	position: relative;
	text-align: right;
	top: 0px;
	left: 0px;
	width: 100%;
}
#legenda_G729{
	margin-right: 10px;
}

/* Extra Small */
@media(max-width:767px){

}

/* Small */
@media(min-width:768px) and (max-width:991px){

}

/* Medium */
@media(min-width:992px) and (max-width:1199px){

}

/* Large */
@media(min-width:1200px) and (max-width:1699px){
	#site_statistics_tts_lic, #site_statistics{
		height: 252px;
	}
	.page-content{
		min-height: 700px !important;
	}
	#chartdiv_modal{
		height: 515px;
		border: 0px red solid;
	}
}

/* Large */
@media(min-width:1700px){
	#site_statistics_tts_lic, #site_statistics{
		height: 213px;
	}
	.page-content{
		min-height: 850px !important;
	}
	#chartdiv_modal{
		height: 400px;
		border: 0px green solid;
	}
}
.tableCellNow_left{
	/*background-color: #cccccc;*/
	border-left: 1px #a6a6a6 solid;
	width: 85px;
}
.tableCellHistory_left{
	border-left: 1px #f58634 solid;
}
.tableCellNow_right{
	/*background-color: #cccccc;*/
	border-right: 1px #a6a6a6 solid;
	width: 50px;
	border-collapse:separate; 
  	border-spacing: 20px;
}
.tableCellHistory_right{
	border-right: 1px #f58634 solid;
}
.tableCellNow_top{
	/*background-color: #cccccc;*/
	border-top: thin solid #a6a6a6 !important;
}
.tableCellHistory_top{
	border-top: thin solid #f58634 !important;
}
.tableCellNow_bottom{
	border-bottom: thin solid #a6a6a6 !important;
}
.tableCellHistory_bottom{
	border-bottom: thin solid  #f58634 !important;
}
#legenddiv_multi{
	position: absolute;
	display: none;
	text-align: center;
	top: 90px;
	left: 0px;
	width: 100%;
	height: 20px;
	border: 0px dotted #757575;
}
#legenddiv_multi img{
	margin-top: -4px;
	width: 18px; 
}
#legenda_livre, #legenda_falando{
	margin-left: 9px;
}
.fullHeight{
	height: 100% !important;
	border: 2px red solid;
}
#label_tablemultigrafs2_realtime{
	text-align: center;
	color: #3d3d3d;
}
#label_tablemultigrafs2_history{
	text-align: center;
	color: #f58634;
}
/*****CENTER TOP MENU****/
#topMenuCenter{
	position: absolute;
	width: 1200;
	height: 66px;
	border: 0px red solid;
	left: calc(50% - 600px);
}

/* Medium1 */
@media(min-width:992px) and (max-width:1199px){
	#topMenuCenter{
		border: 0px blue solid;
		left: 170px;
	}
	.navbar-fixed-top{
		position: absolute !important;
	}
	.mediaQueryFixTopMenu{
	position: absolute;
	border: 0px red solid;
	width: 100%;
	min-width: 1320px !important;
	}
}

/* Large0 */
@media(min-width:1200px) and (max-width:1349px){
	#topMenuCenter{
		border: 0px gray solid;
		left: 170px;
	}
	.navbar-fixed-top{
		position: absolute !important;
	}
	.mediaQueryFixTopMenu{
		position: absolute;
		border: 0px red solid;
		width: 100%;
		min-width: 1320px !important;
	}
}

/* Large1 */
@media(min-width:1350px) and (max-width:1399px){
	#topMenuCenter{
		border: 0px yellow solid;
		left: 160px;
	}

	 .mediaQueryFixTopMenu .username{
		display: none;
	}
	.mediaQueryFixTopMenu {
		margin-right: 0px !important;
	}
	
}

/* Large2 */
@media(min-width:1400px) and (max-width:1600px){
	#topMenuCenter{
		border: 0px orange solid;
		left: calc(50% - 600px);
	}
}

/* Large3*/
@media(min-width:1700px){
	#topMenuCenter{
		position: absolute;
		width: 1200px;
		height: 66px;
		border: 0px pink solid;
		left: calc(50% - 600px);
	}
}
/*****FIXED SIDE MENU******/
.page-sidebar-wrapper{
	/*position: fixed;*/
}
/********OUTBOUND**********/
#tableDialPatterns, #tableTrunkSequence{
	width:600px;
	border: 0px red solid;
}
.spMarker{
	position: relative;
	display: inline-block;
	font-size: 15px;
	font-weight: bolder;
}
.inputPatterns{
	position: relative;
	display: inline-block;
	margin-bottom: 5px;
}
.btnFunctionPatterns{
	margin-top: 5px;
	margin-bottom: 10px;
}
.imgTrash{
	position: relative;
	margin-top: -4px;
	width: 22px;
	margin-left: 5px;
}
.imgTrash, .imgMoveTop, .imgMoveDown:hover{
	cursor: pointer;
}
.imgMoveTop, .imgMoveDown{
	position: relative;
	margin-top: -4px;
	width: 10px;
	margin-left: 5px;
}
.lbInlineFixedWidth{
	display: inline-block;
	width: 180px;
}
.selectInline{
	display: inline-block;
}
.spCounter{
	display: inline-block;
	width: 20px;
}
.selectMarginBottom{
	margin-bottom: 5px;
}
.lbCategory{
	margin-top: 15px;
	font-weight: bolder;
}
.lineCategory{
	margin-top: 1px;
	margin-bottom: 20px;
}
.lbCategory2{
	margin-top: 3px;
	font-weight: bolder;
}
.lineCategory2{
	margin-top: 1px;
	margin-bottom: 8px;
}
.spExclusionInformation{
	position: relative;
	display: none;
	color: red;
}
#btnTestDialPattern, #btnCreateDialPatternField, #duplicateRoute{
	margin-left: 5px;
	border: 2px #f58634 solid;
}
#TableDialPatternTest{
	margin-top: 10px;
	border: 0px black solid;
	width: 100%;
	position: relative;
	padding-bottom: 5px;
}
#TableDialPatternTest tr:nth-child(even) {
    /*background-color: #dddddd;*/
}
#TableDialPatternTest td {
	padding: 5px;
}
.btnInLine{
	display: inline-block;
}
#TableDialPatternTestTitle{
	position: relative;
	left: calc(50% - 100px);
	border: 0px red solid;
	margin-bottom: 15px;
}
#tableDialTest{
	display: none;
	height: 34px;
	width: 240px;
	border: 0px #E5E5E5 solid;
	margin-bottom: -18px;
}
#tableDialTest td{
	height: 34px;
	padding-left: 12px;
}
#btnStartTest, #btnStopTest, #btnClearTest{
	position: absolute !important;
	top: 45px !important;
	left: 265px !important;
}
#btnStopTest, #btnClearTest{
	display: none;
}
.spNumberToDialTest{
	font-size: 14px;
	color: #333333;
	border: 0px black solid;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.disabled-tr{
	background-color: #bbbbbb;
}
.checking-span{
	background-color: yellow;
}
.checked-span{
	background-color: #00cc00;
}
.failed-span{
	background-color: orange;
}
.unchecked-span, .checking-span, .checked-span, .failed-span{
	border: 1px black solid;
	margin-left: 1px;
	margin-right: 1px;
	padding-left: 2px;
	padding-right: 2px;
}
.checked-tr{
	border: 1px #00cc00 solid;
}
.selected-tr{
	border: 1px #00cc00 solid;
}
#divResultTest{
	display: none;
}
#spTestResult{
	position: absolute;
	margin-top: -25px;
}
/******OUTBOUND > TOOLTIPS******/
.customTooltip, .customTooltipShowNow{
    position: relative;
    display: inline-block;
}
/* Position the tooltip text */
.customTooltip .customTooltipText, .customTooltipShowNow .customTooltipText{
    visibility: hidden;
    width: 180px;
    background-color: white;
    color: black;
    text-align: center;
    border-radius: 6px !important;
    padding: 5px 0;
    padding-left: 20px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
    border-top: 2px #b0b0b0 solid;
    border-left: 2px #b0b0b0 solid;
    border-right: 2px #b0b0b0 solid;
    border-bottom: 3px #b0b0b0 solid;
}
/********************* BEGIN > TOOLTIP RIGHT*********************/
.customTooltipRight {
    position: relative;
    display: inline-block;
}
.customTooltipRight .customTooltipTextRight{
    visibility: hidden;
    width: 180px;
    background-color: white;
    color: black;
    text-align: center;
    border-radius: 6px !important;
    padding: 5px 0;
    padding-left: 20px;
    opacity: 0;
    transition: opacity 1s;
    border-top: 2px #b0b0b0 solid;
    border-left: 2px #b0b0b0 solid;
    border-right: 2px #b0b0b0 solid;
    border-bottom: 3px #b0b0b0 solid;
    
    /* Position the tooltip Right */
    position: absolute;
    z-index: 1;
    top: 30%;
    left: 105%;
}
.customTooltipRight:hover .customTooltipTextRight {
    visibility: visible;
    opacity: 1;
}
/* Tooltip arrow */
.customTooltipRight .customTooltipTextRight::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #b0b0b0 transparent transparent;
}
/********************* END > TOOLTIP RIGHT*********************/
/* Tooltip arrow */
.customTooltip > .customTooltipText:before, .customTooltip > .customTooltipText:after, .customTooltipShowNow > .customTooltipText:before, .customTooltipShowNow > .customTooltipText:after {
	content: "";
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	top: 100%;
	left: 50%;
	margin-left: -10px;
}
.customTooltip > .customTooltipText:before, .customTooltipShowNow > .customTooltipText:before {
	border-top: 12px solid #b0b0b0;
	margin-top: 0px;
}
.customTooltip > .customTooltipText:after, .customTooltipShowNow > .customTooltipText:after{
	border-top: 10px solid white;
	margin-top: -2px;
	z-index: 1;
}
/* Fade in tooltip */
.customTooltip:hover .customTooltipText{
    visibility: visible;
    opacity: 1;
}
/* show fix tooltip */
.customTooltipShowNow .customTooltipText{
    visibility: visible;
    opacity: 1;
}
.customTooltip{
	height: 41px !important;
}
/* Tooltip icon */
.imgSpTooltip{
	position: absolute;
	left: 5px;
	top: calc(50% - 9px);
	width: 18px;
	height: 18px;
}
.div-problem-color{
	position: relative;
	border: 0px blue solid;
	margin-bottom: 5px !important;
	margin-top: 5px !important;
}
/***********EXTEN_EDIT***********/
#divAdvancedOptions{
	cursor: pointer;
	padding: 2px;
	font-weight: bold;
}
.containerAdvancedOptions{
	border:1px solid #d3d3d3;
	padding : 5px;
	margin-bottom: 5px;
}
#contentAdvancedOptions{
	    display: none;
	    padding : 5px;
}
/***************MODALS*******************/
.modal-dialog-big{
	width: 800px;
	margin: 30px auto;
}
.spanBtnCancel{
	background-color: #dddddd !important;
}
/*********************TRUNKEDIT**********************/
#trunkInUseBy{
	position: relative;
	font-size: 14px;
}
/**************DESABILITA SELEÇÃO DOS TEXTOS***********/
.disable-text-select{
-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
}
/**************************CUSTOMERFORM*********************/
#vip{
	margin-top: 10px;
}
#tableExtenSequence{
	position: relative;
	width:400px;
	border: 0px red solid;
	margin-bottom: 15px;
}
.btnFunctionAddExten{
	position: relative;
	margin-top: -10px;
}
.modal-footer-no-hr{
	text-align: right;
	margin-top: 15px;
}
/***************COST CENTER******************/
.btn-tree-right, .btn-delete-tree-right{
	position: absolute !important;
	left: 500px;
}
.btn-delete-tree-right{
	margin-left: 75px;
}
#tree_1 li{
	line-height: 30px !important;
	/*font-family: Courier New, monospace;*/
}
.box-tree{
	position: relative;
	border: 1px #cecece solid;
	padding-top: 10px;
	width: 660px;
	left: calc(50% - 325px) !important;
}
/*************BIL EXTEN *****************/
.td-disabled{
	color: gray !important;
	text-decoration: line-through;
}
/*********** CONFIG *********************/
#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    height: 100px;
    background-color: #f58634;
    color: #fff;
    text-align: center;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 65px;
    font-size: 17px;
}
#snackbar span{
	position: relative;
	top: 18px;
}

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

@-webkit-keyframes fadein {
    from {top: 0px; opacity: 0;}
    to {top: 65px; opacity: 1;}
}

@keyframes fadein {
    from {top: 0px; opacity: 0;}
    to {top: 65px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {top: 65px; opacity: 1;}
    to {top: 0px; opacity: 0;}
}

@keyframes fadeout {
    from {top: 65px; opacity: 1;}
    to {top: 0px; opacity: 0;}
}
.disabled_btn_hover {
	pointer-events: none;
}
.disabled_all_mouse_fnc {
	pointer-events: none;
}
.disabled_elem {
	cursor: not-allowed;
	background-color: #eeeeee;
}
.valign {
	padding-top: 17px;
}
span.btn-primary > i {
	color: white;
}