body {
   padding-top: 15px;
}


dataTables_length_drop {
	width: 65px !important;
}
.dataTables_length .select2-container {
	padding: 0px !important;
	width: 65px !important;
	border-width: 0px;
}

.dt-buttons {
	margin-left:10px;
	float:right;
}

.DTTT_button_print{
	display: none;
}

.dt-buttons .btn-default {
	padding-top: 10px;
	font-weight:bold;
	font-size: 11px;
	height: 34px;
}

.buttons-html5 , .buttons-colvis {
	padding-top: 3px !important;
	padding-bottom: 1px !important;
	font-size: 9px !important;
}


table.table {
	clear: both;
	margin-bottom: 6px !important;
}

table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled {
	cursor: pointer;
	*cursor: hand;
}
.table tr.odd td,.table tr.odd th
{
/*   background-color: #f5f5f5; */
}





.row_deleted { text-decoration: line-through; color: #a1a1a1; font-style: italic;}

.row_disabled { color: #a1a1a1; font-style: italic;}

.row_failed { color: #fd6a6a; font-style: italic;}

.usage_level_red{
	color:#D90E00 !important;
}
.usage_level_orange{
	color:#EA8809 !important;
}
.usage_level_green{
	color:#039930 !important;
}


	.select2-choice {
		height: 34px !important;
		padding-top: 3px !important;
	}
	.select-2 {
		height: 37px;
		padding-top: 8px;
	}

	.input-prepend .select2-container .select2-choice{
	    padding-top:4px;
	    padding-bottom:4px;
	}

	.input-prepend .select2-container .select2-choice{
	    border-radius: 0 4px 4px 0;
	}

	.table thead th {
/* 	    background-color: #F9F9F9 !important; */
/*     	height: 36px;  */
/* 	    padding-bottom: 6px !important; */
	}























select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 4px 4px 4px 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
}
textarea {
    height: auto;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}




.originalTextareaInfo {
	font-size: 12px;
	color: #000000;
	font-family: Helvetica,Arial,sans-serif;
	text-align: right
}

.warningTextareaInfo {
	font-size: 12px;
	color: #FF0000;
	font-family: Helvetica,Arial,sans-serif;
	text-align: right
}





	.rt {
		text-align: right;
	}
	.lt {
		text-align: left;
	}
	.ct {
		text-align: center;
	}
	.btn-thin {
		height: 33px; padding-top: 6px; padding-bottom: 5px;
	}
	.alignRight { text-align: right !important; }
	.nobr	{ white-space:nowrap; }


.list-group-items {
    border-bottom: 1px solid #DDDDDD;
    padding: 10px;
}
.customer_field {
	padding-right: 5px;
	padding-left: 0px;
	font-weight: bold;
	text-align: right;
	 white-space:nowrap;
}
.customer_value {
	padding-left: 5px;
	padding-right: 0px;

}

ul.nav li.dropdown:hover ul.dropdown-menu{
	display: block;
}

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}

.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-inverse .badge {
  color: #428bca;
  background-color: #fff;
}


.label-inverse {
  background-color: #222222;
}
.label-inverse[href]:hover,
.label-inverse[href]:focus {
  background-color: #151515;
}


.datepicker {
	z-index: 9999;
	top: 0;
	left: 0;
	padding: 4px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* ---------------------------------------------------------------------------------------------------------------- */

/* Bootstrap 3 navbar with multi level fix */
.dropdown-submenu{
    position:relative;
}

.dropdown-submenu > .dropdown-menu
{
    top:0;
    left:100%;
    margin-top:-6px;
    ;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
    display: none !important;
}

.dropdown-submenu:hover > .dropdown-menu{
    display:block !important;
}

.dropdown-submenu > a:after{
    display:block !important;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}

.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}

.dropdown-submenu .pull-left{
    float:none;
}

.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}





/* ---------------------------------------------------------------------------------------------------------------- */

.lcd {
	font-family: 'LCD';
	font-weight: bold;
}

.highlight{
	color: #7a62d3;
	font-weight: bold;
}

	.router_ip {
		text-align: right;
		width: 150px !important;
		font-weight: bold;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 150px;
		margin-bottom: -6px;
	}
	.router_ip2 {
		text-align: right;
		width: 110px !important;
		font-weight: bold;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 110px;
		margin-bottom: -6px;
	}


.badge {
  padding: 9px 3px;
  font-size: 12.025px;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  background-color: #999999;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.badge-error {
  background-color: #b94a48;
}
.badge-error:hover {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-success {
  background-color: #468847;
}
.badge-success:hover {
  background-color: #356635;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}


.no_underline:hover {
	text-decoration: none;
}



.label-pending {
  background-color: #f5f5f5;
  color: #bbb;
  font-style: italic;
}

.label-footer {
   font-weight: 500 !important;
   font-size: 11px !important;
}
.label-normal {
   color: #555;
}


.help-block{
	margin-top: 0px;
	margin-bottom: 5px;
}

.text-grey {
  color:#888888;
}

.refresh-tickets:hover {
	cursor: pointer;
}

.btn-ticket, .btn-files {
  padding: 2px 5px 1px;
  height: 24px;
  margin-right:5px;
}

.zpurpage1 {
    text-align: center;
    width: 4%;
    float: left;
}
.zpurpage2 {
    text-align: left;
    width: 46%;
    float: left;
}
.zpurpage3 {
    float: center;
    margin-bottom: 20px;
    padding: 7px 18px;
}
.zpurpage4 {
    line-height: 26px;
    margin-bottom: 6px;
    width: 250px;
    padding: 7px 13px;
}
.zpurpage5 {
    width: 45%;
    text-align: right;
    float: left;
}
.zpurpage6 {
    width: 50%;
    text-align: right;
    float: left;
}
.zpurpage7 {
    width: 250px;
}
.zpurpage8 {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 6px;
}
.zpurpage9 {
    padding: 10px 8px;
    line-height: 26px;
    width: 250px;
    margin-bottom: 6px;
}
.zpurpage10 {
    padding-left: 18px;
}
.zpurpage11 {
    padding: 9px;
    width: 250px;
}
.zpurpage12 {
    padding: 13px 20px 5px 20px;
    width: 250px;
    text-align: justify;
    margin-bottom: 13px;
}
.zpurpage13 {
    padding: 7px 18px;
    margin-bottom: 6px;
    width: 250px;
}
.zpurpage14 {
    padding: 7px 13px;
    margin-bottom: 12px;
    width: 250px;
}
.zpurpage15 {
    padding: 7px;
    width: 114px;
}
.zpurpage16 {
    margin-left: 17px;
    padding: 7px;
    width: 114px;
}
.zpurpage17 {
    margin-top: 40px;
    margin-bottom: 10px;
}
.zpurpage18 {
    margin-bottom: 26px;
    align: center;
    float: center;
    padding: 7px 18px;
}
.zpurpage19 {
    margin-bottom: 12px;
    align: center;
    width: 250px;
    padding: 7px 18px;
}
.zpurpage20 {
    margin-bottom: 20px;
}
.zpurpage21 {
    margin-bottom: 6px;
}
.zpurpage22 {
    margin-bottom: 5px;
    width: 250px;
    text-align: justify;
    padding: 13px 16px;
}
.zpurpage23 {
  text-align: center;
  width: 750;
  vertical-align: middle !important;
}
.zpurpage23 div {
  display: inline-block;
  max-width: 245;
  vertical-align: middle !important;
}
.zpurpage23 button {
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  border: .7px solid #323232;
  color: #fff;
  font-family: 'Futura_BK';
  text-shadow: 1.5px 1.5px 1.5px rgba(25, 25, 25, 1.0), 1.7px 1.7px 1.7px rgba(25, 25, 25, 0.8), 2px 2px 2px rgba(25, 25, 25, 0.3);
  margin: 3px 3px 3px 3px;
}
.zpurpage23:after {
  content: "";
  width: 100%;
  display: inline-block;
}
.zpurpage24:hover {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  font-family: 'Futura_BK';
  text-shadow: 1.5px 1.5px 1.5px rgba(196, 196, 196, 1.0), 1.7px 1.7px 1.7px rgba(196, 196, 196, 0.8), 2px 2px 2px rgba(196, 196, 196, 0.3);
}
.zpurpage25 {
  width: 215px;
  height: 160px;
  padding-top: 12px;
  padding-bottom:5px;
  padding-left: 0px;
  padding-right: 0px;
  line-height: 35px;
}
.zpurpage26 {
  background-color: #4F81B4;
}
.ajax-loading{height:250px;}
.ajax-loading:after{
  height:250px;
  width: auto;
  display: block;
  content: ' ';
  background-image:url(../img/ajax-loader.png);
  background-repeat:no-repeat;
  background-position:center;
  -webkit-animation:spin 3s linear infinite;
    -moz-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


.ajax-loading *{display:none;}
.ajax-loading .ajax-loading-text{display:block;line-height:310px;text-align:center;color:#bbbbbb;font-weight:bold; position: absolute; width:100%;}



	.customer-primary {
		border: 1px solid #87A2D3 !important;
	}
	.customer-warning {
		border: 1px solid #E4CDA1 !important;
	}
	.customer-danger {
		border: 1px solid #f1a7a7 !important;
	}

	.customer-primary .panel-heading {
/* 		background-color: #DFEDFB !important; */
		border-bottom: 1px solid #87A2D3 !important;
	}
	.customer-warning .panel-heading {
/* 		background-color: #F4F2EC !important; */
		border-bottom: 1px solid #E4CDA1 !important;
	}
	.customer-danger .panel-heading {
/* 		background-color: #FBEEEE !important; */
		border-bottom: 1px solid #f1a7a7 !important;
	}




	.fc-title , .fc-time {
		text-shadow: 1px 1px 1px rgb(1, 0, 0) !important;
	}

	.select-calendar {
		margin-left: 0px;
		margin-right: 0px;
	}
	.small-font {
		font-size: 0.85em;
		font-weight: normal;
	}
	.tooltipevent {
/* 		width:300px; */
/* 		height:100px; */
		padding:10px;
		background:#fff;
		position:absolute;
		border: 2px solid #aaa;
		border-radius: 5px;
		z-index:10001;
	}
	.tooltip-title {
		font-weight: bold;


	}
	.tooltip-text {
		font-size: 12px;
/* 		font-weight: 300; */
	}


.force-wrap{
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.nopointevent
{
	/* cursor:default !important; */
	pointer-events: none;
}