@charset "utf-8";

/* CSS Document */

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap');
@import"../css/colorbox.css";
@import"../css/jquery-ui.css";
@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css");
@import url("https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css");
* {
	margin: 0;
	padding: 0;
	border: 0;
}
	html {
		overflow-x: hidden;
		height: 100%
	}
	
	body {
		font-family: 'Montserrat', sans-serif;
		background: #fff;
		height: 100%;
	}
	
	a,
	img,
	input[type] {
		transition-duration: 0.3s;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
	}
	
	input[type] {
		font-family: 'Montserrat', sans-serif;
	}
	
	.clr {
		clear: both;
	}
	
	ul {
		list-style: none;
	}
	
	a {
		text-decoration: none;
		color: #383838;
	}
	
	.wrapper {
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
	}
	
	.wrapperin {
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
		background: #ffffff;
	}
	

/*Alisson*/

.spinner2 {
	margin: 100px auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px;
}

.spinner2>div {
	background-color: #666666;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner2 .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.spinner2 .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.spinner2 .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.spinner2 .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
	0%,
	40%,
	100% {
		-webkit-transform: scaleY(0.4)
	}
	20% {
		-webkit-transform: scaleY(1.0)
	}
}

@keyframes sk-stretchdelay {
	0%,
	40%,
	100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}
	20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}


/*Alisson*/

html {
	overflow-x: hidden;
	height: 100%;
}

body {
	font-family: 'Montserrat', sans-serif;
	background: #fff;
	height: 100%;
}
.wrapper {
	width: 100%;
	position: relative;
	left: 0;
	top: 0;
}
#loading {
	width: 5%;
	height: 15%;
	top: 50px;
	left: 0px;
	position: fixed;
	display: block;
	opacity: 0.4;
	background-color: #fff;
	z-index: 99;
	text-align: center;
}

#loading-image {
	position: absolute;
	top: 100px;
	left: 300px;
	z-index: 100;
}

.container {
	width: 800px;
	margin: 0 auto;
}

.container02 {
	width: 1153px;
	margin: 0 auto;
}

center {
	margin-top: 7%;
}

center.searchdd {
	margin-top: 0;
}
ul.servicetab_5 li a {
	/* services topbutton-color*/
	background: #00a3da;
	border: 1px solid #00a3da;
	background-color: #01aeef;
	box-shadow: 0 0 0 1px #00aeef inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 rgba(102, 164, 178, .6), 0 8px 0 1px rgba(0, 0, 0, .4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
	position: relative;
	padding: 10px 30px;
	color: white;
	border-radius: 6px;
	text-align: center;
	transition: top .01s linear;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
	font-size: 15px;
	display: block;
}
img.logo {
	display: block;
	margin-bottom: 30px;
}

fieldset#loginbox {
	width: 397px;
}

form#loginForm {
	display: block;
	margin: 3px 0 0 0;
	width: 396px;
}

form#loginForm label {
	color: #dc7821;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
	font-family: 'Montserrat', sans-serif;
	font-size: 25px;
	line-height: 30px;
}

form#loginForm input {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 25px;
	color: #585858;
}

form#loginForm input[type="text"] {
	background: url(../images/username.png) no-repeat 97% #faf6f1;
	border: 1px solid #bbb2a6;
	padding: 9px;
	border-radius: 5px;
	margin-bottom: 0px;
	color: #585858;
	width: 372px;
}

form#loginForm input[type="password"] {
	background: url(../images/key.png) no-repeat 97% #faf6f1;
	border: 1px solid #bbb2a6;
	border-radius: 5px;
	color: #585858;
	margin-bottom: 0px;
	padding: 9px;
	width: 372px;
}

form#loginForm span {
	float: left;
	font-size: 13px;
	color: #5b5a5a;
	padding-top: 10px;
}

form#loginForm span input[type="checkbox"] {
	margin: 0px 7px 0 0;
	position: relative;
	top: 2px;
	font-size: 12px;
}

form#loginForm button {
	display: block;
	float: right;
	margin: 10px 0 0 5px;
	padding: 6px 39px;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
	background: #FF9E71;
	/* Old browsers */
	background: -moz-linear-gradient(top, #FF9E71 0%, #383838 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF9E71), color-stop(100%, #383838));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FF9E71 0%, #383838 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FF9E71 0%, #383838 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FF9E71 0%, #383838 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #FF9E71 0%, #383838 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc7821', endColorstr='#383838', GradientType=0);
	/* IE6-9 */
}

form#loginForm button:hover {
	background: #51504e;
}

form#loginForm h3 {
	float: right;
	font-size: 13px;
	margin: 10px 0 0 0;
	color: #484848;
}

form#loginForm h3 a {
	color: #df7521;
	font-size: 12px;
}

form#login {
	display: block;
	margin: 20px 0 0 0;
	width: 350px;
	font-size: 12px;
}

form#login label {
	color: #dc7821;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
	font-family: 'Montserrat', sans-serif;
	font-size: 25px;
	line-height: 30px;
}

form#login input {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 25px;
	color: #585858;
}

form#login input[type="text"] {
	background: url(../images/username.png) no-repeat 97% #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 25px;
	color: #585858;
	width: 320px;
}

form#login input[type="password"] {
	background: url(../images/key.png) no-repeat 97% #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 25px;
	color: #585858;
	width: 320px;
}

form#login span {
	float: left;
	font-size: 13px;
	color: #5b5a5a;
	padding-top: 10px;
}

form#login span input[type="checkbox"] {
	margin: 0px 7px 0 0;
	position: relative;
	top: 2px;
}

form#login button {
	display: block;
	float: right;
	padding: 10px 35px;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
	background: #dc7821;
	/* Old browsers */
	background: -moz-linear-gradient(top, #dc7821 0%, #383838 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dc7821), color-stop(100%, #383838));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dc7821 0%, #383838 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dc7821 0%, #383838 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dc7821 0%, #383838 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #dc7821 0%, #383838 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc7821', endColorstr='#383838', GradientType=0);
	/* IE6-9 */
}

form#login button:hover {
	background: #51504e;
}

form#login h3 {
	float: right;
	font-size: 13px;
	margin: 22px 0 0 0;
	color: #484848;
}

form#login h3 a {
	color: #df7521;
}

center h5 {
	color: #5e5e5e;
	margin: 25px 0 0 0;
}

center h5 a {
	color: #e66f21;
}
input[type="image"] {
	background: none !important;
	border: none !important;
}

#telphonedetails {
	width: 100%;
}

.combo_img {
	border: none;
	float: left;
	width: 24px;
	margin-top: 12px;
	margin-left: 19px;
}
table {
	-webkit-box-shadow: 0px 0px 31px 1px rgba(209, 209, 209, 1);
	-moz-box-shadow: 0px 0px 31px 1px rgba(209, 209, 209, 1);
	box-shadow: 0px 0px 31px 1px rgb(216, 216, 216);
	background: none !important;
	border: 1px solid #ccc !important;
	border-radius: 6px;
    overflow: hidden;
    border-collapse: collapse;
}
section select#protocoledit {
	border: thin;
	inline-block left: 2%;
	margin-right: -34px;
	width: 77%;
}

section input[type="submit"] {
	float: left;
	padding: 9px 12px;
	border: 0;
	color: #fff;
	margin-left: 10px;
	margin-top: 1px;
	cursor: pointer;
	border-radius: 0;
	background: #5E5E5E;
	width: 100px;
	margin-bottom: 0;
	/*Guigo*/
	display: inline-block;
	border: 0 none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
	padding: 5px 0;
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
}

table#servicestable.service_block_list1 tr:last-child td:last-child tr th {
	padding: 25px 10px !important;
}
section em {
	width: 100%;
	float: left;
	color: #505151;
	margin: 7px 0;
	font-size: 20px;
	background-color: #FF9E71;
	padding: 8px 0 8px 0;
	text-align: center;
	border-radius: 6px;
}

#listtop {
	width: 98%;
	float: left;
	margin-bottom: 15px;
	margin-top: 17px;
	font-size: 13px;
	background-color: #FF9E71;
	border: 1px solid #FFCEA8;
}

#listtop th {
	border: none;
	padding: 10px 0 10px 10px;
	text-align: left;
	color: #464646;
	font-weight: normal;
}

#listtop td {
	padding: 10px 0 10px 10px;
	text-align: left;
	color: #464646;
}

#listtop2 {
	width: 98%;
	float: left;
	margin-bottom: 15px;
	margin-top: 17px;
	font-size: 13px;
	background-color: #FF9E71;
	border: 1px solid #FFCEA8;
}

#listtop2 th {
	border: none;
	padding: 10px 0 10px 10px;
	text-align: left;
	color: #464646;
	font-weight: normal;
}

#listtop2 td {
	padding: 10px 0 10px 10px;
	text-align: left;
	color: #464646;
}

#servicestable .selectBox {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #c0c0c0;
	color: #585858;
	float: left;
	font-size: 12px;
	width: 48%;
}

.international {
	float: left;
}

.brasil {
	float: right;
}
div.a2billing {
	float: left;
	margin: 80px 0 0 0;
	width: 100%;
}


/**********************************Main PAGE**********************************/

body.inner {
	background: #fff;
}

.prefix {
	width: 100%;
	min-height: 205px;
	border: 0;
}

header {
	border-top: 0 none;
	border-bottom: 0 none;
	float: none;
	padding-bottom: 0;
	background: #fafafa;
	display: inline-block;
	width: 100%;
}

header a:nth-of-type(2) {
	display: inline-block;
	float: left;
	max-width: 245px;
}

header.fix {
	width: 100%;
	background: #383838;
	border-top: 10px solid #000;
	float: left;
	position: fixed;
	z-index: 2;
}
header span.one {
	color: #fff;
	font-size: 13px;
	margin: 15px 0 0 0;
	float: left;
	width: 18%;
}

header span.one small {
	margin-right: 30px;
}
img.logo2 {
	margin: 5px 26px 2px 52px;
	float: left;
}
.headerright li form {
	display: inline-block;
	height: 55px;
	line-height: 65px;
	background: rgb(255, 144, 92);
	width: 47px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.headerright li form::before {
	position: absolute;
	content: "\f015";
	font-size: 20px;
	font-family: "FontAwesome";
	color: #FFF;
	line-height: 33px;
	z-index: -1;
	left: calc(50% - 9px);
}
.headerright li form {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	width: 45px;
}

#demo {
	font-size: 16px;
	color: #fff;
	margin-right: 12px;
	margin-left: 52px;
}
nav {
	background: url(../images/navbg.jpg) repeat-x;
	float: left;
	width: 100%;
	padding-left: 38px;
}

nav ul {
	float: left;
	width: 100%;
}

nav ul li {
	float: left;
	margin: 0 3%;
}

nav ul li a {
	color: #656367;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	margin: 20px 0 20px 55px;
	display: block;
	text-align: center;
	padding: 10px;
	border: 1px solid #E9E9E9;
	border-radius: 10px;
	width: 95px;
}

nav ul li a:hover {
	color: #383838;
}

nav ul li:nth-child(1) {
	background: url(../images/homeicn.png) no-repeat left;
	margin-right: 0;
}

nav ul li:nth-child(2) {
	no-repeat left;
	margin-right: 0;
}

nav ul li:nth-child(3) {
	no-repeat left;
	margin-right: 0;
}

nav ul li:nth-child(4) {
	no-repeat left;
	margin-right: 0;
}

nav ul li:nth-child(5) {
	no-repeat left;
	margin-right: 0;
}

nav ul li:nth-child(6) {
	no-repeat left;
	margin-right: 0;
}

nav ul li:nth-child(7) {
	no-repeat left;
	margin-right: 0;
}
section table#usertable td a {
	color: #17202A;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
}
section table#usertable td a:hover {
	color: #FF9E71;
}

table#usertable img.offline {
	margin-right: 10px;
}

table#usertable span.panelcon {
	position: relative;
	display: inline-block;
	top: -12px;
	color: #FFF;
}


/**********************************Services PAGE**********************************/

ul.servicetab_1 li {
	float: left;
	margin-right: 20px;
	width: 97%;
}

ul.servicetab_1 li a {
	background: #00a3da;
	border: 1px solid #00a3da;
	background-color: #01aeef;
	box-shadow: 0 0 0 1px #00aeef inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 rgba(102, 164, 178, .6), 0 8px 0 1px rgba(0, 0, 0, .4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
	position: relative;
	padding: 10px 30px;
	color: white;
	border-radius: 6px;
	text-align: center;
	transition: top .01s linear;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
	font-size: 15px;
	display: block;
}

ul.servicetab_1 li a:hover {
	background-color: #F2F2F2;
	color: #A9A9A9;
	box-shadow: none;
	transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
	border: 1px solid #FFF;
}

ul.servicetab_2 {
	padding-left: 49px;
	padding-top: 10px;
	border-bottom: none;
}

ul.servicetab_2 li:last-child {
	margin-right: 0;
}

ul.servicetab_2 li a:hover {
	background-color: #F2F2F2;
	color: #A9A9A9;
	box-shadow: none;
	transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
	border: 1px solid #FFF;
}

ul.servicetab_3 li {
	float: left;
	margin-right: 0.8%;
	width: 32%;
}

ul.servicetab_3 li:last-child {
	margin-right: 0;
}

ul.servicetab_3 li a {
	text-align: center;
	display: block;
	padding: 12px 0;
	background: #3e3e3e;
	border: 1px solid #4f4f4f;
	color: #FFFFFF;
}

ul.servicetab_3 li a:hover {
	background-color: #F2F2F2;
	color: #A9A9A9;
	box-shadow: none;
	transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
	border: 1px solid #FFF;
}
ul.servicetab_5 {
	float: left;
	width: 100%;
	padding: 10px;
	/*background:#353535;*/
	padding-left: 54px !important;
}

ul.servicetab_5 li {
	float: left;
	margin-right: 29px;
	width: 18%;
}

ul.servicetab_5 li:last-child {
	margin-right: 0;
}

ul.servicetab_6 li a:hover {
	background-color: #009688;
	color: #fff;
	box-shadow: none;
	transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
	border: 0 none;
}

ul.servicetab_6 li {
	float: left;
	margin-right: 25px;
	width: 15%;
}

ul.servicetab_6 {
	padding-left: 49px;
	padding-top: 10px;
}

ul.servicetab_6 li:last-child {
	margin-right: 0;
}

ul.servicetab_6 li a {
	/* services topbutton-color*/
	background: #00a3da;
	border: 1px solid #00a3da;
	background-color: #01aeef;
	box-shadow: 0 0 0 1px #00aeef inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 rgba(102, 164, 178, .6), 0 8px 0 1px rgba(0, 0, 0, .4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
	position: relative;
	padding: 10px 30px;
	color: white;
	border-radius: 6px;
	text-align: center;
	transition: top .01s linear;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
	font-size: 15px;
	display: block;
}

ul.servicetab_6 li a:hover {
	background-color: #00aeef;
	color: #fff;
	box-shadow: none;
	transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
	border: 0 none;
}
/*section table#servicestable th,
section table#servicestable tr {
	border: 1px solid gray !important;
}*/

#servicestable1 th,
#servicestable1 td {
	text-align: left;
	vertical-align: middle;
	padding: 14px 20px !important;
}

#servicestable2 th,
#servicestable2 td {
	text-align: left;
	vertical-align: middle;
	padding: 14px 20px !important;
}
#servicestable2 {
	border-collapse: collapse;
	border-top: none !important;
}
.extra_content01 .btn-success:hover {
	background: #fefefe;
	border: 1px solid #ff905c;
	color: #ff905c;
}
.serviceleft ul li:first-child a:hover::before {
	width: 100%;
}
.serviceleft ul li:hover {
	cursor: pointer;
}

.serviceleft ul li a img {
	position: relative;
	top: -3px;
	margin-right: 2%;
}
.serviceleft:after {
	clear: both;
}
.serviceleft ul li select {
	color: #888888;
	width: 210px;
	border: none !important;
	padding: 12px 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(http://www.parlacom.net/css/cielo/img/arrow-dwn.png) no-repeat right 10px center;
}

.serviceleft ul li a:hover {
	color: #383838;
}

.serviceright {
	float: left;
	width: 81.5%;
	margin: 0 0 0 0;
}

ul.servicetab2 {
	float: left;
	width: 360px;
	margin-top: 5px;
	margin-left: 2%;
}

ul.servicetab2 li {
	float: left;
	margin-right: 15px;
	padding: 5px 0 0 0;
}

ul.servicetab2 li a.left {
	float: left;
	position: relative;
	background: none;
	border: 0;
}

ul.servicetab2 li a img {
	float: left;
	margin: -2px 0 0 0;
}

ul.servicetab2 li:last-child {
	margin-right: 0;
}

ul.servicetab2 li a {
	text-align: center;
	display: block;
	padding: 12px 0;
	text-decoration: underline;
	font-size: 12px;
	color: #fff;
}

ul.servicetab2 li a:hover {
	color: #f5c701;
}
.styled-select option.service-small {
	font-size: 15px;
	padding: 5px;
	background: #D8D8D8;
}
section table#servicestable th:first-child:hover img {
	transform: rotate(360deg);
	transition: 0.6s;
	cursor: pointer;
}
section table#servicestable td img.info {
	position: relative;
	float: right;
	left: 0;
}
section table#servicestable2 th {
	border-left: 1px solid #FFE3BB;
	padding: 0px;
	text-align: center;
	background: #E8E8E8;
}
section table#servicestable2 td {
	border: 1px solid #FFE3BB;
	border-right: 1px solid #FFE3BB;
	padding: 5px 5px 0px 5px;
	color: #464646;
	/* float: left; */
	width: -1%;
}

#univTables1 select {
	margin: 0;
	font-size: 7pt;
	font-weight: bold;
}
#univTables1 select.m2mip {
	width: 100px;
	font-size: 7pt;
	font-weight: bold;
}

.m2mtable {
	margin-bottom: 10;
}
input[name="searchlastdate"] {
	border: 1px solid #A0A0A0;
	border-radius: 20px;
	color: #585858;
	float: left;
	margin-bottom: 5px;
	padding: 8px;
	width: 140px;
}

input[name="searchpercent"] {
	border: 1px solid #A0A0A0;
	border-radius: 20px;
	color: #585858;
	float: left;
	margin-bottom: 5px;
	padding: 8px;
	width: 140px;
}
/**********************************User account PAGE**********************************/
#accounttable th a img {
	margin-right: 5px;
}
section table#accounttable td a:hover {
	color: #383838;
}

section table#accounttable td b {
	float: left;
	width: 45%;
}
ul.useracctab li:last-child {
	border-right: 0;
}
ul.useracctab li a:hover {
	background: #ff905c;
}

fieldset#accountdetails {
	width: 100%;
	margin-bottom: 30px;
}
.leftacc h2 img {
	float: left;
	margin-right: 10px;
}

.centeracc {
	width: 30%;
	float: left;
	padding-left: 3%;
	margin-top: 2em;
	font-size: 13px;
}

.centeracc label {
	float: left;
	width: 35%;
	padding: 6px 0;
	color: #2a2a2a;
}

.centeracc input {
	width: 45%;
	padding: 8px;
	margin-bottom: 10px;
}

.centeracc h2 {
	padding: 10px 0 10px 0;
	color: #4f5d73;
}

.centeracc h2 img {
	float: left;
	margin-right: 10px;
}

.rightacc {
	width: 30%;
	float: right;
	padding-right: 1%;
	margin-top: 2em;
	font-size: 13px;
}

.rightacc label {
	float: left;
	width: 35%;
	padding: 8px 0;
	color: #2a2a2a;
	margin-bottom: 10px;
}

.rightacc input {
	width: 45%;
	padding: 8px;
}

.rightacc h2 {
	padding: 10px 0 10px 0;
	color: #4f5d73;
}

.rightacc h2 img {
	float: left;
	margin-right: 10px;
}
button.sub:hover {
	background: #d04e10;
}

table#accounttable1 span {
	color: #383838;
}
table#accounttable1 input[type="image"] {
	padding: 0;
}
section table#accounttable1 td a:hover {
	color: #383838;
}


/**********************************Services pACkages PAGE**********************************/

.packagecon {
	float: left;
	width: 84.5%;
	margin: 0 0 0 0;
}

ul.packagelist {
	float: left;
	margin-left: 3%;
	margin: 7px;
}

ul.packagelist li {
	float: left;
	width: 21%;
	padding: 1.5%;
	margin-right: 1%;
	border: 1px dashed #e47d61;
	min-height: 310px;
}

ul.packagelist li img {
	margin-left: 26%;
	margin-bottom: 15px;
}

ul.packagelist li h2 {
	text-align: center;
	margin-bottom: 15px;
	font-size: 20px;
	color: #e47d61;
}

ul.packagelist li p {
	font-size: 13px;
	text-align: center;
}

ul.packagelist li:first-child {
	background: #f8eccd;
}

ul.packagelist li:last-child {
	background: #f8eccd;
	margin-right: 0;
}

ul.packagelist li:nth-child(2) {
	background: #f8eccd;
}

ul.packagelist li:nth-child(3) {
	background: #f8eccd;
}


/**********************************PBX and call center PAGE**********************************/

.packagecon2 {
	width: 80%;
	float: right;
	margin-top: 10px;
	margin-right: 5px;
}
.serviceleftpbx {
	float: left;
	background: #383838;
	width: 17%;
	/*height:2032px;*/
	overflow: visible;
	margin-right: 0.5%;
	border-top: 1px solid #666;
}

.serviceleftpbx ul {
	float: left;
	width: 100%;
}

.serviceleftpbx ul li {
	border-bottom: 1px solid #5d6777;
	padding-left: 0px;
	width: 100%;
}

.serviceleftpbx ul li:hover {
	cursor: pointer;
}

.serviceleftpbx ul li a {
	color: #6F6F6F;
	padding: 21px 35px;
	font-size: 12px;
	display: block;
}

.serviceleftpbx ul li a.other {
	display: inline;
	float: left;
	margin: -24% 0 0 32%;
}

.serviceleftpbx ul li a img {
	float: left;
	position: relative;
	top: -3px;
	margin-right: 5%;
}

.serviceleftpbx ul li a:hover,
.serviceleftpbx ul li a.current {
	color: #383838;
}

section table#pbxtable {
	float: left;
	border: 1px solid #c0c0c5;
	margin-bottom: 15px;
	background: #fff;
	font-size: 14px;
	margin: 5px 0 0 0;
}

section table#pbxtable th {
	border-bottom: 2px solid #c0c0c5;
	border-left: 1px solid #c0c0c5;
	padding: 10px 0 10px 10px;
	text-align: center;
	color: #464646;
	background: #eaeaf0;
}

section table#pbxtable th:first-child {
	border-left: 0;
}

section table#pbxtable td {
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #c0c0c5;
	padding: 10px 5px;
	text-align: center;
	color: #464646;
}

section table#pbxtable td:first-child {
	border-left: 0;
}

section table#pbxtable td a {
	color: #3a3a3a;
}
img.m2mdiag {
	position: relative;
	display: block;
	margin-top: 3%;
	left: 7%;
}
.m2mtabs ul li:nth-child(8),
.m2mtabs ul li:nth-child(9),
.m2mtabs ul li:nth-child(10) {
	padding: 12px 0 14px 15px;
}

.m2mtabs ul li span {
	margin-bottom: 7px;
	background: #FF9E71;
	display: block;
}

.m2mtabs ul li a img {
	float: left;
	margin-right: 3%;
	/*width:18px;*/
	height: 18px;
	position: relative;
}

.m2mtabs ul li:hover {
	cursor: pointer;
	background: #FF9E71;
}
.m2mtabs ul li a:hover {
	background: #FF9E71;
}

#inline_content {
	font-size: 13px;
}

#inline_content h2 {
	color: #383838;
	padding-bottom: 10px;
	border-bottom: 1px dashed #383838;
	margin-bottom: 15px;
}

form.adminpop input {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 7px;
	color: #585858;
	width: 180px;
}

form.adminpop select {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 7px;
	color: #585858;
	width: 196px;
}

form.adminpop textarea {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 7px;
	color: #585858;
	width: 180px;
	height: 70px;
}

form.adminpop input.button {
	background: #383838;
	color: #fff;
	padding: 7px 12px;
	width: 40%;
	border: 0;
	margin-right: 15px;
	cursor: pointer;
	outline: 1px dotted #fff;
	outline-offset: -2px;
}

form.servicesnpop h3 {
	color: #383838;
	padding-bottom: 10px;
	border-bottom: 1px dashed #383838;
	margin-bottom: 15px;
	font-size: 13px;
}

form.servicesnpop span {
	width: 130px;
	float: left;
}

form.servicesnpop ul select.large {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 3px;
	color: #585858;
	width: 196px;
}

form.servicesnpop ul select {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 3px;
	color: #585858;
	width: 100px;
}

form.servicesnpop {
	padding: 10px 20px 10px 10px;
	border-right: 1px dotted #383838;
	width: 48%;
	margin-bottom: 20px;
	float: left;
}

form.servicesnpop ul {
	border-bottom: 1px dotted #383838;
	padding-bottom: 7px;
}

form.servicesnpop ul li {
	margin: 10px 0;
}

form.servicesnpop2 h3 {
	color: #383838;
	padding-bottom: 10px;
	border-bottom: 1px dashed #383838;
	margin-bottom: 15px;
	font-size: 13px;
}

form.servicesnpop2 span {
	width: 120px;
	float: left;
}

form.servicesnpop2 ul select.large {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 3px;
	color: #585858;
	width: 180px;
}

form.servicesnpop2 ul select {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 3px;
	color: #585858;
	width: 100px;
}

form.servicesnpop2 {
	padding: 10px;
	width: 43%;
	margin-bottom: 20px;
	float: right;
	margin-bottom: 20px;
}

form.servicesnpop2 ul {
	border-bottom: 1px dotted #383838;
	padding-bottom: 7px;
}

form.servicesnpop2 ul li {
	margin: 10px 0;
}

.serviceleftadmin {
	float: left;
	background: #4f5d73;
	width: 15%;
	min-height: 500px;
	margin-right: 0.5%;
	margin-top: 0.4%;
}

.serviceleftadmin ul {
	float: left;
	width: 100%;
}

.serviceleftadmin ul li {
	border-bottom: 1px solid #5d6777;
	padding-left: 5px;
	width: 97%;
}

.serviceleftadmin ul li:hover {
	cursor: pointer;
}

.serviceleftadmin ul li a {
	color: #fff;
	padding: 21px 62px;
	display: block;
}

.serviceleftadmin ul li a:hover {
	color: #383838;
}
form.callrecform {
	padding: 2% 0;
	margin-left: 4%;
}

form.callrecform input {
	width: 12%;
	border: 1px solid #CCC;
	padding: 5px;
	margin: 0 20px 0 10px;
}

form.callrecform button {
	padding: 7px 20px;
	color: #fff;
	cursor: pointer;
	background: #383838;
}

form.callrecform button:hover {
	background: #f2c300;
}

nav span {
	float: left;
	padding: 30px 0;
	font-size: 13px;
	display: inline-block;
	color: #70bc2c;
	margin-left: 3%;
}

nav h6 a {
	font-size: 13px;
	float: right;
	background: url(../images/ticket.png) no-repeat left;
	padding: 30px 0 30px 50px;
	margin-right: 3%;
	color: #5d6777;
}

nav h6 a:hover {
	color: #383838;
}

table#tickettable {
	margin-left: 3%;
	border: 0;
}

table#tickettable td:nth-child(odd) {
	text-align: left;
}

table#tickettable td select {
	background: #e4e5e5;
	border: 0px solid #c0c0c0;
	padding: 7px;
	color: #585858;
	width: 196px;
}

table#tickettable td textarea {
	background: #e4e5e5;
	border: 0px solid #c0c0c0;
}

table#tickettable td input.button {
	background: #383838;
	color: #fff;
	padding: 7px 12px;
	width: 15%;
	border: 0;
	margin-right: 15px;
	cursor: pointer;
	outline: 1px dotted #fff;
	outline-offset: -2px;
	border-radius: 0;
}

table#ticketmvno {
	margin-left: 0;
	border: 1px solid #c0c0c0;
	width: 98%;
	margin: auto;
	border-collapse: collapse;
}

section table#ticketmvno th a {
	ccolor: ffffff;
	font-size: 8pt;
	font-weight: normal;
	/*float:left;*/
}

section table#ticketmvno th {
	border-bottom: 2px solid #c0c0c5;
	border-left: 1px solid #c0c0c5;
	padding: 10px 0 10px 10px;
	text-align: center;
	font-size: 8pt;
	color: #464646;
	background: #eaeaf0;
}

section table#ticketmvno td {
	border-bottom: 1px solid #FFE3BB;
	border-left: 1px solid #FFE3BB;
	text-align: center;
	padding: 10px;
	font-size: 8pt;
	color: #464646;
}

table#ticketmvno td:nth-child(odd) {
	text-align: left;
}

table#ticketmvno td select {
	background: #e4e5e5;
	border: 0px solid #c0c0c0;
	padding: 7px;
	color: #585858;
	width: 196px;
}

table#ticketmvno td textarea {
	background: #e4e5e5;
	border: 0px solid #c0c0c0;
	width: 100%;
	height: 9em;
}

table#ticketmvno td input.button {
	background: #383838;
	color: #fff;
	padding: 7px 12px;
	width: 15%;
	border: 0;
	margin-right: 15px;
	cursor: pointer;
	outline: 1px dotted #fff;
	outline-offset: -2px;
	border-radius: 0;
}

table#cellphoneservices {
	margin-left: 3%;
	border: 1px solid #c0c0c0;
}

table#cellphoneservices td:nth-child(odd) {
	text-align: left;
}

table#cellphoneservices td select {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 7px;
	color: #585858;
	width: 196px;
}

table#cellphoneservices td textarea {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
}

table#cellphoneservices td input.button {
	background: #383838;
	color: #fff;
	padding: 7px 12px;
	width: 15%;
	border: 0;
	margin-right: 15px;
	cursor: pointer;
	outline: 1px dotted #fff;
	outline-offset: -2px;
	border-radius: 0;
}

table#cellphoneservices td a {
	color: #5d6777;
	display: block;
	margin-bottom: 5px;
}

table#cellphoneservices td a:hover {
	color: #383838;
}

table#cellphoneservices td a img {
	position: relative;
	top: 5px;
	margin-right: 2%;
}

p.ticketstat {
	margin-left: 3%;
	margin-bottom: 2%;
	color: #5d6777;
}

p.ticketstat a {
	color: #383838;
}

table#ticketstattable {
	margin-left: 3%;
}

table#ticketstattable td {
	border: 0;
	border-right: 1px solid #999;
}

table#ticketstattable td:last-child {
	border: 0;
}

table#ticketstattable td select {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 7px;
	color: #585858;
	width: 196px;
}

table#ticketstattable td textarea {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
}

table#ticketstattable td input[type="text"] {
	width: 200px;
	padding: 7px;
	margin: 0;
}

table#ticketstattable td input.button {
	background: #383838;
	color: #fff;
	padding: 7px 12px;
	width: 15%;
	border: 0;
	margin-right: 15px;
	cursor: pointer;
	outline: 1px dotted #fff;
	outline-offset: -2px;
	border-radius: 0;
}

table#ticketstattable td button {
	padding: 7px;
	width: 100px;
	border-radius: 0;
	margin-right: 10px;
}
table#adduser td span {
	color: #f00;
}

table#adduser td textarea {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
}
table#adduser td input.button {
	background: #383838;
	color: #fff;
	padding: 7px 12px;
	width: 25%;
	border: 0;
	margin-right: 15px;
	cursor: pointer;
	outline: 1px dotted #fff;
	outline-offset: -2px;
	border-radius: 0;
}
table#search td span {
	color: #f00;
}

table#search td textarea {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
}
table#search td input[type="image"] {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0;
	cursor: pointer;
	height: auto;
	padding: 0;
	width: auto;
}

table.newstyle {
	margin-left: 3%;
	border: 0;
	width: 95%;
}

table.newstyle td {
	border-bottom: 1px dashed #ccc;
}

table.newstyle td select {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 7px;
	color: #585858;
	width: 70px;
}

table.newstyle td span {
	color: #f00;
}

table.newstyle td textarea {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
}

table.newstyle td input {
	width: 200px;
	padding: 7px;
	margin: 0;
}

table.newstyle td input[type="image"] {
	border: 0;
	margin-right: 15px;
	cursor: pointer;
	outline: 1px dotted #fff;
	outline-offset: -2px;
	border-radius: 0;
}

a.menuadd {
	background: url(../images/addnew.png) no-repeat left;
	padding-left: 30px;
	color: #35967e;
}

a.menuminus {
	background: url(../images/minus.png) no-repeat left;
	padding-left: 30px;
	color: #35967e;
}

.serviceleft ul.alert {
	float: left;
	width: 100%;
}

.serviceleft ul.alert li {
	border-bottom: 1px solid #5d6777;
	padding-left: 5px;
	width: 97%;
}

.serviceleft ul.alert li:hover {
	cursor: pointer;
}

.serviceleft ul.alert li a img {
	float: left;
	margin-right: 15px;
}

.serviceleft ul.alert li a {
	color: #fff;
	padding: 21px 20px;
	display: block;
}

.serviceleft ul.alert li a:hover {
	color: #383838;
}

h3.alhead {
	font-size: 20px;
	color: #383838;
	padding-left: 2%;
	text-align: left;
	padding-bottom: 12px;
	border-bottom: 1px solid #ccc;
}

ul.alerttypes {
	float: left;
	text-align: left;
	padding-left: 2%;
	margin: 1% 0 0 0;
}

ul.alerttypes li {
	margin: 2% 0 4% 0;
}

ul.alerttypes li a {
	color: #333;
}

ul.alerttypes li a:hover {
	color: #383838;
	text-decoration: underline;
}

ul.alerttypes li a span {
	color: #383838;
}


/**********************************Tools page******************************/
section table#tools th {
	border-bottom: 2px solid #c0c0c5;
	background: #eaeaf0;
	border-left: 1px solid #c0c0c5;
	text-align: center;
	padding: 10px;
	color: #666666;
}
section table#tools td a:hover {
	color: #ae2902;
}

table#tools img.offline {
	margin-right: 10px;
}

table#tools span.panelcon {
	position: relative;
	display: inline-block;
	top: -12px;
	color: #383838;
}
table#tools td:nth-child(even):hover {
	background: #f5e45469 !important;
	transition: 0.8s all;
}
section table#tools td:hover a {
	color: #000;
}
/**********************************Invoices page******************************/

section table#invoices {
	float: left;
	border: 1px solid #c0c0c5;
	margin-bottom: 15px;
	background: #fff;
	font-size: 14px;
	width: 93%;
	margin-left: 50px;
}

section table#invoices th {
	border-bottom: 2px solid #c0c0c5;
	background: #eaeaf0;
	border-left: 1px solid #c0c0c5;
	padding: 10px;
	color: #666666;
	text-align: left;
}

section table#invoices td {
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #c0c0c5;
	text-align: center;
	padding: 7px;
	color: #464646;
}

section table#invoices td a {
	color: #1f9ed3;
}

section table#invoices td a:hover {
	color: #383838;
}

table#invoices img.offline {
	margin-right: 10px;
}

table#invoices span.panelcon {
	position: relative;
	display: inline-block;
	top: -12px;
	color: #383838;
}

.filter {
	padding: 15px;
	background: #fffdea;
	border: 1px solid #f4c701;
	display: block;
	margin-bottom: 15px;
}

.filter a {
	color: #383838;
}

ul.invoicesicons {
	float: left;
}

ul.invoicesicons li {
	float: left;
	padding: 4px;
	border-right: 1px solid #ccc;
}

ul.invoicesicons li:last-child {
	border-right: 0;
}

ul.invoicesicons input {
	width: 30px;
	padding: 1px;
	border-radius: 0;
	float: none;
	margin: 0;
}

ul.invoicesicons select {
	padding: 1px;
	width: 140px;
	padding: 4px;
	border-radius: 0;
	float: none;
	margin: 0;
	border: 1px solid #ccc;
}

ul.invoicesicons button {
	padding: 6px;
	width: 70px;
	border-radius: 0;
	float: none;
	background: #51abd5;
}

ul.invoicesicons input.biginp {
	width: 200px;
	padding: 4px;
	border-radius: 0;
	float: none;
	margin: 0;
	background: #eaeaf0;
	border: 1px solid #ccc;
}


/**********************************Ticket Listing page******************************/

section table#ticketlisting {
	float: left;
	border: 1px solid #c0c0c5;
	margin-bottom: 15px;
	background: #fff;
	font-size: 14px;
	width: 93%;
	margin-left: 50px;
}

section table#ticketlisting th {
	border-bottom: 2px solid #c0c0c5;
	background: #eaeaf0;
	border-left: 1px solid #c0c0c5;
	text-align: left;
	padding: 10px;
	color: #666666;
}

section table#ticketlisting td {
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #c0c0c5;
	text-align: left;
	padding: 7px;
	color: #464646;
}

section table#ticketlisting td a {
	color: #1f9ed3;
}

section table#ticketlisting td a:hover {
	color: #383838;
}

h4.calsum2 {
	width: 93%;
	margin-bottom: 12px;
	font-size: 16px;
	color: #383838;
}

span.ticklistbutt {
	float: right;
}

span.ticklistbutt a {
	background: #383838;
	color: #fff;
	font-size: 12px;
	padding: 3px 5px;
	margin-right: 5px;
	border-radius: 3px;
	border: 1px solid #963101;
}

span.ticklistbutt a:hover {
	background: #383838;
	color: #f5c016;
	font-size: 12px;
	padding: 3px 5px;
	margin-right: 5px;
	border-radius: 3px;
	border: 1px solid #963101;
}


/**********************************3G Device Online page******************************/

span.geoloc {
	margin: 0 10px;
}

a.deviceicn img {
	position: relative;
	top: 4px;
}

span.geoloc a {
	color: #383838;
	font-size: 12px;
	padding: 3px 5px;
	margin-right: 5px;
}

span.geoloc a:hover {
	color: #f5c016;
	font-size: 12px;
	padding: 3px 5px;
	margin-right: 5px;
}

.hide {
	display: none;
	float: left;
	width: 100%;
}

h4.calsum3 {
	margin-left: 4%;
	width: 93%;
	margin-bottom: 12px;
	margin-top: 25px;
	font-size: 13px;
	color: #036;
}

h4.calsum3 img {
	margin: 1px 7px 0 0;
	float: left;
}

textarea#ticketex {
	width: 50%;
	border: 1px solid #ccc;
	margin-left: 3.7%;
	min-height: 180px;
	padding: 10px;
	margin-bottom: 10px;
}

h4.calsum2_links {
	float: left;
	margin-left: 3.7%;
	margin-bottom: 15px;
}

h4.calsum2_links a {
	background: #383838;
	color: #fff;
	font-size: 13px;
	padding: 5px 10px;
	margin-right: 5px;
	border: 1px solid #963101;
}

h4.calsum2_links a:hover {
	color: #f5c016;
}

.highslide-html-content select,
.highslide-body select,
.highslide-html-content input[type="text"],
.highslide-body input[type="text"] {
	border: 1px solid #C0C0C0;
	color: #585858;
	padding: 3px;
	width: 600px;
	height: 600px;
}
/**********************************Responsive part******************************/

@media screen and (min-width: 1200px) and (max-width: 1280px) {
	nav ul li {
		margin: 0 63px;
	}
	.m2mtabs ul li a img {
		float: left;
		margin-right: 6%;
	}
}

@media screen and (min-width: 1020px) and (max-width: 1200px) {
	nav ul li {
		margin: 0 4%;
	}
	.m2mtabs ul li a img {
		float: left;
		margin-right: 3%;
	}
}


/**********************************Extra css**********************************/

.reset {
	clear: both;
}

.header_new {
	width: 540px;
	margin: 0 auto 0 auto;
}

.header_new_icon {
	width: 80px;
	float: left;
	margin-top: 24px;
}

.header_new_logo {
	width: 255px;
	float: left;
	margin-left: 55px;
}

.header_new_login {
	width: 100px;
	float: right;
	margin-top: 26px;
}

.header_new_login a {
	text-decoration: none;
	font-size: 13px;
	color: #FFF;
	background-color: #242424;
	padding: 6px;
	border-radius: 8px;
}

.header_new_login a:hover {
	color: #383838;
}

.extra_service th {
	padding: 10px 16px 10px 10px;
	text-align: left;
	color: #fff;
	font-weight: normal;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #A9A9A9;
}

.extra_service th a {
	color: #fff;
}

.extra_content_admin {
	width: 30%;
	float: left;
	text-align: left;
	margin-top: 10px;
}
.logintxt1 {
	font-size: 14px;
	color: #acacac;
	margin-top: 10px;
}

.loginbox {}

.login_btntxt {
	background-color: #353535;
	color: #fff;
	text-align: center;
	border: 1px solid #FFF;
}


/* --------- For Admin PBX Feature Page ----------------- */
.inbuyandact {
	border: 0 none;
	cursor: pointer;
	padding: 5px;
	text-indent: -302px;
	width: 156px;
	height: 32px;
	background: #353535 url(../images/buy_activebutt.png) no-repeat left top;
}

.plsbut {
	width: 46px!important;
}

.smcrd_no {
	width: 112px!important;
}

.smcrd_ip {
	width: 101px!important;
}


/*installdatetd*/

.instldat {
	width: 94px!important;
}

.smcrd_list {
	float: left !important;
	margin-left: 75px !important;
	width: 89% !important;
}

section table#smcrd_list {
	border: 0 none;
}

.thsmcrd_no {
	width: 132px!important;
}

.thsmcrd_ip {
	width: 125px!important;
}

.th_iccid {
	width: 121px!important;
}

.th_imsi {
	width: 106px!important;
}

.th_lastcll {
	width: 105px!important;
}

.last_cll {
	width: 121px!important;
}

.iccid_no {
	width: 88px!important;
}

.imsi_no {
	width: 80px!important;
}

.lst_cl_no {
	width: 94px!important;
}

.lst_cl_no a,
fltaln a,
mrc_th a,
on_th a,
eq_th a {
	font-size: 7pt!important;
}

.install_date_th {
	width: 114px!important;
}

.univTables1_no {
	width: 99%!important;
}

.orgnewdth {
	width: 45%!important;
}

.cunsmptd {
	/*width:148px!important;*/
}

.crdit_th {
	width: 117px;
}

.crdit_th a,
fltaln a,
mrc_th a,
on_th a,
eq_th a {
	font-size: 7pt!important;
	font-weight: bold!important;
}

.mrc_th {
	width: 79px;
}

.on_th {
	width: 69px;
}

.eq_th {
	width: 65px;
}

.fltaln {
	float: none;
}

.fnt_sml {
	font-size: 8pt!important;
}

.col-displ-none {
	display: none;
}

.iccid_no a,
.imsi_no a {
	font-size: 7pt!important;
	font-weight: bold!important;
}

.logo02 {
	width: 389px;
	height: 84px;
	margin: 15px 0 0 13px;
	border-bottom: 1px solid #cccccc;
}

.lgn_lft {
	width: 541px;
	float: left;
}

.lgn_rit {
	width: 594px;
	float: left;
	margin-left: 17px;
}

.lgn_space {
	width: 420px;
	margin-left: 12px;
}


/*-------Guigo-------*/
.m2mtabs ul li:nth-child(8),
.m2mtabs ul li:nth-child(9),
.m2mtabs ul li:nth-child(10) {
	padding: 12px 0 14px 15px;
}

.m2mtabs ul li span {
	margin-bottom: 7px;
	display: block;
}

.m2mtabs ul li a img,
.serviceleft ul li a img {
	margin-right: 3%;
	/*width:18px;*/
	height: 18px;
	position: relative;
}

.m2mtabs ul li:hover,
.serviceleft ul li:hover {
	cursor: pointer;
}
.serviceleft ul li a:hover {
	color: #fff;
}
th a,
th a img {
	vertical-align: middle;
}
.sortable tbody tr:nth-child(even) {
	background: #fff2eba6;
}
#usertable tbody tr:nth-child(even) th {
	background: #E8E8EA;
}
input[type="submit"],
button {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 !important;
}
.leftacc button:hover,
.rightacc button:hover {
	background: #fff;
	color: #3f51b5;
	border: 2px solid #3f51b5;
}

.extra_content01 .extra_content01 {
	margin: 0;
}
button.language:hover {
	background: #ff905c !important;
	transition: 0.3s all;
}
#bottomdemenu ul li img {
	vertical-align: middle;
	margin-right: 4px;
	width: 15px;
}
#language font {
	margin-left: 20px;
}
.info {
	background: none !important;
	border: 0 none !important;
}
#appPageHomeTable {
	margin: 5px 20px 5px;
	background: #fff;
}

#univTables {
	border: 1px solid #ccc;
}
.pbxcon p a:hover {
	color: #fff !important;
	background: #00a3da !important;
	border: 1px solid #00a3da !important;
}

#leftPaneServices {
	background: #A09999;
	color: #fff;
}

#leftPaneServices a {
	color: #fff;
}

#leftPaneServices a img {
	vertical-align: middle;
	margin-right: 5px;
}

#appArea {
	padding: 20px;
}
#tableExtensions select {
	width: 150px;
	font-family: 'Montserrat', sans-serif;
}
input[name="searchlastdate"] {
	max-height: 16px;
}

.highslide-container table td,
.highslide-container table {
	border: 0 none !important;
}
input[type="number"] {
	border: 1px solid #ccc;
	padding: 5px;
}
#bottomdemenu input[type="image"] {
	border: 0 none;
}
#MenuTablesUser tr th {
	background: #83817E;
	border: 1px solid #ccc !important;
}

#univTables tr th {
	background: #101D49;
	border: 1px solid #ccc !important;
}
span.classic {
	border: 1px solid #A9A9A9;
	background: #666;
	min-width: 100px;
}

.tooltip:hover span {
	right: 1em !important;
}
div.scrollmenu {
	background-color: #fefefe !important;
	overflow: auto;
	white-space: nowrap;
}
.userdiv #servicestable tr:first-child th {
	background: #ecf0fa !IMPORTANT;
}
#servicestable.service_block_list tr:last-child td:hover img {
	transform: rotate(360deg);
	transition: 0.9s all;
}
#accounttable .help {
	background: #666 !important;
	border: 1px solid #A9A9A9!important;
	color: #fff !important;
}
@media screen and (max-width:1366px) {
	.extra_service th {
		width: 17.6%;
	}
	th input[type="text"],
	th input[type="date"],
	th select {
		max-width: 40%;
	}
}

.tooltip {
	border-bottom: 1px dotted #000000;
	color: #000000;
	outline: none;
	cursor: help;
	text-decoration: none;
	position: relative;
}

.tooltip span {
	margin-left: -999em;
	position: absolute;
}

.tooltip:hover span {
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute;
	right: 1em;
	top: 2em;
	z-index: 99;
	margin-left: 0;
	width: 250px;
}

.tooltip:hover img {
	border: 0;
	margin: -10px 0 0 -55px;
	float: left;
	position: absolute;
}

.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	padding: 0.2em 0 0.6em 0;
}

.classic {
	padding: 0.8em 1em;
}

.custom {
	padding: 0.5em 0.8em 0.8em 2em;
}

* html a:hover {
	background: transparent;
}

.classic {
	background: #8A2908;
	border: 1px solid #FFAD33;
}

.critical {
	background: #FFCCAA;
	border: 1px solid #FF3334;
}

.help {
	background: #9FDAEE;
	border: 1px solid #2BB0D7;
}

.info {
	background: #9FDAEE;
	border: 1px solid #2BB0D7;
}

.warning {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}

.tooltip:hover span.tooltip-right {
	left: 1em !important;
}

.modalpopup {
	display: none;
	overflow-y: auto;
	max-height: 80%;
	padding-top: 5%;
	padding-bottom: 5%;
}
.headerright ul li form input {
	opacity: 0;
}
.service_block_list1 #servicestable {
	width: 555px !important;
}
table#tools td:nth-child(even):hover {
	background: none !important;
}
.userdiv table tr:nth-child(even) {
	background: #fafafa !important;
}
table#search tr:hover {
	background: #eeeeee !important;
}
.service_block_list tr {
	background: #101D49 !important;
	border-radius: 15px !important;
}
.service_block_list tr {
	border: none !important;
}
.m2mtabs ul li a:before {
	position: absolute;
	/*content: "\f105";*/
	font-family: FontAwesome;
	color: #00aeef;
	margin-left: -14px;
	font-weight: 700;
	font-size: 17px;
}

.m2mtabs ul li:last-child {
	border-bottom: none;
}
.m2mtabs ul li a:hover {
	padding-left: 15px;
}

ul.servicetab_5 {
	padding: 15px 10px;
	width: 98%;
}
#accounttable1 img {
	width: 25px;
	margin-left: 10px;
	padding-top: 9px;
}
.generalservices ul li a {
	font-size: 22px;
	color: #000;
	font-weight: 600;
	line-height: 40px;
	text-transform: uppercase;
}
.extra_service2 h3 {
	font-size: 14px;
}
#services .extra_service2 {
	width: 95% !important;
}

.rightacc {
	margin: 2em 33px 0em 0em !important;
	box-shadow: 0px 0px 31px 1px rgb(216, 216, 216);
	padding-left: 0% !important;
	border-bottom: 4px solid #3ac47d;
	border-radius: 5px;
	min-height: 208px;
	padding-right: 0% !important;
}

.rightacc h2 {
	background: #096b9a;
}
.extra_service2 .fa {
	font-size: 18px;
	color: #000;
	font-weight: 500;
}
.extra_content02 tfoot {
	background-color: #000;
}
button#flip1:before {         /*-------Home 3D button---------*/
	content: "\f080";
	position: absolute;
	top: 50%;
	height: 15px;
	width: 15px;
	transform: translateY(-50%);
	font-family: fontawesome;
	color: #fff;
	right: 81px;
}
button#flip2:before {       /*-------Home 3D button---------*/
	content: "\f201";
	position: absolute;
	top: 50%;
	height: 15px;
	width: 15px;
	transform: translateY(-50%);
	font-family: fontawesome;
	color: #fff;
	right: 81px;
}

button#flip3:before {              /*-------Home 3D button---------*/
	content: "\f1fe";
	position: absolute;
	top: 50%;
	height: 15px;
	width: 15px;
	transform: translateY(-50%);
	font-family: fontawesome;
	color: #fff;
	right: 81px;
}

button#flip1,
button#flip2,
button#flip3 {                          /*-------Home 3D button---------*/
	color: #fff;
	position: relative;
	display: inline-block;
	padding: 15px;
	margin: 0 15px;
	background: #00a3da;
	cursor: pointer;
	-webkit-box-shadow: 1px 1px 0 #2c6679, 2px 2px 0 #2c6679, 3px 3px 0 #2c6679, 4px 4px 0 #2c6679, 5px 5px 0 #2c6679;
	-webkit-transition: all 0.1s linear;
	font-size: 15px;
	width: 350px;
}

button#flip1:hover,
button#flip2:hover,
button#flip3:hover {                /*-------Home 3D button---------*/
	-webkit-box-shadow: 1px 1px 0 #2c6679, 2px 2px 0 #2c6679, 3px 3px 0 #2c6679, 4px 4px 0 #2c6679, 5px 5px 0 #2c6679, 6px 6px 0 #2c6679, 7px 7px 0 #2c6679, 8px 8px 0 #2c6679, 8px 8px 0 #2c6679, 9px 9px 0 #2c6679, 10px 10px 0 #2c6679;
	-webkit-transform: translate3d(-5px, -5px, -5px);
}
#univTables td a {
	font-size: 13px;
	color: #000;
}
.extra_content04 table tr:nth-child(even) {
	background: transparent !important;
}
.extra_content04 input[type="checkbox"] {
	width: 15px;
	height: 15px;
}

#univTables .styled-select select {
	margin: 0px!important;
}

#univTables .styled-select {
	padding-top: 10px;
}

#univTables thead th {
	border-bottom: 1px solid #e2e5e8;
	font-size: 13px;
	color: #111;
	background: #eff3f6;
	text-transform: uppercase;
}
.account .sortable {
	overflow-x: scroll !important;
	display: block;
}
.account .sortable {
	width: 95% !Important;
}
@keyframes fa-blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.4;
	}
	100% {
		opacity: 1;
	}
}

.on {
	color: green;
	-webkit-animation: fa-blink 3.75s ease-out infinite;
	font-size: 1.2em !important;
}

.of {
	color: red;
	font-size: 1.2em !important;
}

.ob {
	color: #f3a414;
	font-size: 1.2em !important;
}

div#modal-data {
	width: 45% !important;
	height: 50% !important;
	display: block;
	position: absolute;
	z-index: 99999;
	left: 0 !Important;
	margin: 0 auto !IMPORTANT;
	right: 0;
}
div#panel1 table#servicestable tr td,
div#panel2 table#servicestable tr td {
	border-bottom: 1px solid #e0e0e0 !important;
	border-left: 1px solid #e0e0e0 !important;
}
#language img {
	height: 20px;
	width: 20px;
	padding-top: 10px;
}
#addPageHomeTable img {
	margin-left: 5px;
}
.main-nav li i {
	font-size: 15px !important;
}
#addPageHomeTable select {
	width: 42%;
}
.logo {
	display: inline-block;
	font-size: 22px;
	margin-top: 10px;
	margin-left: 20px;
}

.navbar-toggle {
	position: absolute;
	top: 10px;
	right: 20px;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.8);
	font-size: 24px;
}

.active {
	display: block;
}

.navbar-toggle {
	display: none;
}
.mobile-togler {
	padding: 6px 2px;
	background: #ff905c;
	text-align: center;
	box-sizing: border-box;
	font-size: 12px;
	display: none;
	position: absolute;
	width: 40px;
	right: 0;
	top: 120px;
	z-index: 99;
	margin-right: 12px;
	border-radius: 4px;
}

.mobile-togler a {
	color: #fff;
}

/* popup table */

table.popp-sectn {
	border-collapse: collapse;
}

table.popp-sectn,
.popp-sectn td,
.popp-sectn th {
	border: 1px solid black;
}

.popp-sectn td:first-child {
	text-align: center;
}

.popp-sectn tr:nth-child(even) {
	background: #fafafa !important;
}

.popp-sectn th,
.popp-sectn td {
	padding: 6px 4px;
}

.popp-sectn td.submit-btn {
	text-align: center;
}
.highslide-header li:hover {
	-webkit-box-shadow: 1px 1px 0 #2c6679, 2px 2px 0 #2c6679, 3px 3px 0 #2c6679;
}
/* master style sheet */
a.specialeffects:hover {
	color: black;
	background-color: #ff7400;
}
#actRecordTables1 {
	border-left: 1px solid #a2c7ff;
	border-top: 1px solid #a2c7ff;
	width: 100%;
}

#actRecordTables1 th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 5px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
}

#actRecordTables1 td {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 5px;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	text-align: center;
}

#actRecordTables2 {
	border-left: 1px solid #a2c7ff;
	border-top: 1px solid #a2c7ff;
	width: 100%;
}

#actRecordTables2 th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 5px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
}

#actRecordTables2 td {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 5px;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	text-align: center;
}

#actRecordTables3 {
	border-left: 1px solid #a2c7ff;
	border-top: 1px solid #a2c7ff;
	width: 100%;
}

#actRecordTables3 th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 5px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
}

#actRecordTables3 td {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 5px;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	text-align: center;
}

#actRecordTables4 {
	border-left: 1px solid #a2c7ff;
	border-top: 1px solid #a2c7ff;
	width: 100%;
}

#actRecordTables4 th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 5px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
}

#actRecordTables4 td {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 5px;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	text-align: center;
}

#actRecordTables5 {
	border-left: 1px solid #a2c7ff;
	border-top: 1px solid #a2c7ff;
	width: 100%;
}

#actRecordTables5 th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 5px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
}

#actRecordTables5 td {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 5px;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	text-align: center;
}

#appArea {
	margin-top: 2px;
	padding-bottom: 30px;
	width: 100%;
	float: left;
}

#appAreaHolder {
	border: 1px solid #D7D7D7;
	padding-bottom: 30px;
	margin-top: 21px;
	overflow: auto;
}
#appPageHomeMessageBox {
	background-color: #F0F9FF;
	border: 1px solid #D7D7D7;
	height: 45px;
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 30px;
}

#appPageHomeTable {
	margin-left: 1px;
	margin-right: 1px;
}

#appPageHomeTableCaption {
	margin-top: 30px;
	height: 30px;
	margin-left: 30px;
	margin-right: 30px;
}

#appPageHomeTableFooter {
	height: 27px;
	margin-top: 21px;
	margin-left: 30px;
	margin-right: 30px;
}

.evenrow {
	background-color: #F3FAFF;
}
.hshyperlink {
	text-decoration: none;
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 27px;
}

#leftPaneHolder {
	border: 0px solid #CCC;
	border-right: 1px solid #CCC;
	background-color: #f0f9ff;
	height: 650px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 5px;
	width: 149px;
}

#leftPaneseperator {
	text-align: center;
	width: 15px;
	margin-top: 25px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #CCC;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
}

#leftPaneServices {
	height: 39px;
	width: 148px;
	border-bottom: #000;
	border-bottom: 1px solid #CCC;
	margin-left: 0px;
	font-size: 7pt;
}

#leftPaneServices a {
	margin-left: 5px;
	text-indent: 5px;
	text-decoration: none;
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
}

#navBar {
	height: 66px;
	background: url(../images/navBar_bg.png);
	background-repeat: repeat-x;
}

#navBarButtons {
	height: 66px;
	width: 166px;
	padding-top: 27px;
	padding-left: 70px;
	width: 110px;
}

.oddrow {
	background-color: #FFF;
}

.paginationText {
	text-decoration: none;
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
}

.paginationTextCurrent {
	text-decoration: none;
	color: #b04200;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}

#rightPaneBottomBox {
	padding-top: 7px;
	width: 100%;
	border: #999;
}

#rightPaneHeaderBox {
	width: 100%;
	height: 17px;
	color: #FF6600;
	margin-top: 0px;
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	background-color: #F0F9FF;
	border: 0px solid #E1E1E1;
}

#rightPaneHolder {
	height: 650px;
	width: 900px;
	margin-top: 5px;
	margin-right: 0px;
}
#selectBox {
	width: 150px;
	padding: 5px;
	font-size: 12px;
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	color: #585858;
}
.textboxError {
	width: 150px;
	font-size: 12px;
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	color: #585858;
}

#textBox {
	width: 150px;
	height: 15px;
	font-size: 7pt;
}
#tableHeaderTop {
	width: 30%;
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
}

#tableNavBar {
	width: 100%;
	height: 66px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bolder;
	padding-left: 30px;
}

#tableNavBar tr td a {
	color: #F9A44F;
	text-decoration: none;
}

#tableNavBar tr td a:hover {
	color: #FFF;
	text-decoration: none;
}

#tableNavBar tr td {}

#tableServicesView {
	float: right;
}

#tableServicesView a {
	text-decoration: none;
	font: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	color: #CCC;
}

#ServiceInfo {
	border: 0px solid #a2c7ff;
	width: 100%;
}

#ServiceInfo th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 20px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	table-layout: fixed;
	break-word: word-wrap;
}

#ServiceInfo td {
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	height: 7px;
	text-align: left;
	font-weight: bold;
	table-layout: fixed;
	break-word: word-wrap;
}

#ServiceInfo td a {
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-align: left;
}


}
table#servicestable1 {
	width: 95%;
	margin: 0 auto !IMPORTANT;
	float: none !IMPORTANT;
}
table#servicestable2 {
	width: 95%;
	float: none !important;
	margin: 0 auto !IMPORTANT;
}
#univTables td a {
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
}
#univTables1 {
	width: 100%;
	margin-bottom: 5px;
}
#univTables1 th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	height: 7px;
	background-color: #FFFFCC;
	border-top: 0px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	border-left: 0px solid #a2c7ff;
	border-right: 1px solid #a2c7ff;
}
#univTables1 td {
	color: #005cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	height: 12px;
	text-align: center;
	font-weight: bold;
	border-top: 0px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	border-left: 0px solid #a2c7ff;
	border-right: 1px solid #a2c7ff;
}
#univTables1 th a {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
}
#univTables1 td a {
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
}
#topHeader {
	height: 21px;
}
#wrapApp {
	margin-left: 60px;
	width: 1060px;
}
#wrapperTop {
	margin: 0px auto;
	width: 1200px;
	background: url(../images/wrapper_bg.png);
	background-repeat: repeat-y;
}
#MenuTables {
	border-left: 0px solid #a2c7ff;
	border-top: 0px solid #a2c7ff;
	border-right: 0px solid #a2c7ff;
	border-bottom: 0px solid #a2c7ff;
	width: 100%;
}
#MenuTables th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	height: 20px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 0px solid #a2c7ff;
	border-bottom: 0px solid #a2c7ff;
	width: 22%;
}
#MenuTables td {
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	height: 22px;
	border-left: 2px solid #a2c7ff;
	border-top: 2px solid #a2c7ff;
	border-right: 2px solid #a2c7ff;
	border-bottom: 2px solid #a2c7ff;
	padding-right: 60px;
	text-align: center;
	font-weight: bold;
	width: 33%
}
#MenuTables td a {
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align=center;
	padding-right: 60px;
}
#MenuTablesUser th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	height: 17px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 0px solid #a2c7ff;
	border-bottom: 0px solid #a2c7ff;
}
#ModulesTables {
	border-left: 0px solid #a2c7ff;
	border-top: 0px solid #a2c7ff;
	width: 100%;
}
#ModulesTables th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	height: 7px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 0px solid #a2c7ff;
	border-bottom: 0px solid #a2c7ff;
	width: 22%;
}
#ModulesTables td {
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	height: 7px;
	background-color: #C2EBFF;
	border-right: 0px solid #a2c7ff;
	border-bottom: 0px solid #a2c7ff;
	text-align: center;
	font-weight: bold;
}
#ModulesTables td a {
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
}
.work-spinner {
	background-color: rgb(255, 255, 255);
	border: 3px solid rgba(27, 61, 226, 0.9);
	opacity: .9;
	border-left: 5px solid rgba(0, 0, 0, 0);
	border-radius: 100px;
	-webkit-box-shadow: 0 0 35px #1B3DE2;
	box-shadow: 0 0 30px #1B3DE2;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	-moz-animation: spin .5s infinite linear;
	-webkit-animation: spin .5s infinite linear;
	-o-animation: spin .5s infinite linear;
	animation: spin .5s infinite linear;
}
@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}
	
	to {
		-moz-transform: rotate(360deg);
	}
}
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	
	to {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	
	to {
		transform: rotate(360deg);
	}
}
@-o-keyframes spin {
	from {
		transform: rotate(0deg);
	}
	
	to {
		transform: rotate(360deg);
	}
}

/*--------------------*/
#loader {
	position: absolute;
	/* You need position relative at least. */
	
	height: 16px;
	width: 180px;
	top: 50%;
	left: 0%;
	/*margin-top: -8px;
  */
	/*margin-left: -90px;*/
	
	overflow: hidden;
	width: 95%;
	margin: 0 auto;
	right: 0;
}
#loader p.layers {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	top: 0;
	right: 0;
}
.layers:nth-of-type(1) {
	background-color: #A9A9A9;
	z-index: 102;
}
.layers:nth-of-type(2) {
	background-color: #FF2;
	z-index: 101;
}
.layers:nth-of-type(3) {
	background-color: #D3D3D3;
	z-index: 100;
}
table.newstyle {
	box-shadow: 0px 0px 31px 1px rgb(216, 216, 216);
	width: 90%;
	margin: 0 auto;
	border-collapse: collapse;
	border-radius: 5px;
	overflow: hidden;
	font-size: 14px !IMPORTANT;
}
table.newstyle td {
	padding: 10px 14px;
}
table.newstyle input {
	border: 1px solid #ccc !important;
}
.extra_content04 img {
	width: unset !important;
}
.extra_content04 #servicestable th {
	color: #000 !important;
}

/* CSS for icons */
/*total*/
.far.fa-times-circle.pl-total:before {
	font-size: 15px;
}
/*circle green and gray*/
.fa-circle.gray-circle:before {
	color: #43424100;
	font-size: 12px;
	padding: 2px 3px;
	background: linear-gradient(1deg, black, #0000007a);
	border-radius: 20px;
}
/*Chart*/
.fa-circle.multi-clr-icn:before {
	background: conic-gradient( from 0deg, #ea4335 72deg, #4285f4 72deg 144deg, #34a853 144deg 216deg, #fbbc05 216deg 288deg, #f18a1f 288deg 360deg) 73% 55%/150% 150% no-repeat;
	font-size: 12px;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
	#loading {
		width: 5%;
		height: 15%;
		top: 50px;
		left: 0px;
		position: fixed;
		display: block;
		opacity: 0.4;
		background-color: #fff;
		z-index: 99;
		text-align: center;
	}
	
	#loading-image {
		position: absolute;
		top: 100px;
		left: 300px;
		z-index: 100;
	}
	
	.container {
		width: 800px;
		margin: 0 auto;
	}
	
	.container02 {
		width: 1153px;
		margin: 0 auto;
	}
	
	center {
		margin-top: 7%;
	}
	
	center.searchdd {
		margin-top: 0;
	}
	
	.headerright {
		float: none;
		margin: 0;
		clear: both;
		background: #ff905c;  /* Top Menu Color */
		width: 100%;
		display: inline-block;
		text-align: left;
		position: absolute;
		top: 57px;
		max-width: 89.5%;
		margin-left: -13px;
		border-radius: 5px;
	}
	
	ul.servicetab_6 li a {
		/* services topbutton-color*/
		background: #00a3da;
		border: 1px solid #00a3da;
		background-color: #01aeef;
		box-shadow: 0 0 0 1px #00aeef inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 rgba(102, 164, 178, .6), 0 8px 0 1px rgba(0, 0, 0, .4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
		position: relative;
		padding: 10px 30px;
		color: white;
		border-radius: 6px;
		text-align: center;
		transition: top .01s linear;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
		font-size: 15px;
		display: block;
	}
	img.logo {
		display: block;
		margin-bottom: 30px;
	}
	
	fieldset#loginbox {
		width: 397px;
	}
	
	form#loginForm {
		display: block;
		margin: 3px 0 0 0;
		width: 396px;
	}
	
	form#loginForm label {
		color: #dc7821;
		font-weight: bold;
		display: block;
		margin-bottom: 20px;
		font-family: 'Montserrat', sans-serif;
		font-size: 25px;
		line-height: 30px;
	}
	
	form#loginForm input {
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
		padding: 15px;
		border-radius: 5px;
		margin-bottom: 25px;
		color: #585858;
	}
	
	form#loginForm input[type="text"] {
		background: url(../images/username.png) no-repeat 97% #faf6f1;
		border: 1px solid #bbb2a6;
		padding: 9px;
		border-radius: 5px;
		margin-bottom: 0px;
		color: #585858;
		width: 372px;
	}
	
	form#loginForm input[type="password"] {
		background: url(../images/key.png) no-repeat 97% #faf6f1;
		border: 1px solid #bbb2a6;
		border-radius: 5px;
		color: #585858;
		margin-bottom: 0px;
		padding: 9px;
		width: 372px;
	}
	
	form#loginForm span {
		float: left;
		font-size: 13px;
		color: #5b5a5a;
		padding-top: 10px;
	}
	
	form#loginForm span input[type="checkbox"] {
		margin: 0px 7px 0 0;
		position: relative;
		top: 2px;
		font-size: 12px;
	}
	
	form#loginForm button {
		display: block;
		float: right;
		margin: 10px 0 0 5px;
		padding: 6px 39px;
		color: #fff;
		cursor: pointer;
		border-radius: 5px;
		background: #FF9E71;
		/* Old browsers */
		background: -moz-linear-gradient(top, #FF9E71 0%, #383838 100%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF9E71), color-stop(100%, #383838));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #FF9E71 0%, #383838 100%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #FF9E71 0%, #383838 100%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(top, #FF9E71 0%, #383838 100%);
		/* IE10+ */
		background: linear-gradient(to bottom, #FF9E71 0%, #383838 100%);
		/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc7821', endColorstr='#383838', GradientType=0);
		/* IE6-9 */
	}
	
	form#loginForm button:hover {
		background: #51504e;
	}
	
	form#loginForm h3 {
		float: right;
		font-size: 13px;
		margin: 10px 0 0 0;
		color: #484848;
	}
	
	form#loginForm h3 a {
		color: #df7521;
		font-size: 12px;
	}
	
	form#login {
		display: block;
		margin: 20px 0 0 0;
		width: 350px;
		font-size: 12px;
	}
	
	form#login label {
		color: #dc7821;
		font-weight: bold;
		display: block;
		margin-bottom: 20px;
		font-family: 'Montserrat', sans-serif;
		font-size: 25px;
		line-height: 30px;
	}
	
	form#login input {
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
		padding: 15px;
		border-radius: 5px;
		margin-bottom: 25px;
		color: #585858;
	}
	
	form#login input[type="text"] {
		background: url(../images/username.png) no-repeat 97% #e4e5e5;
		border: 1px solid #c0c0c0;
		padding: 15px;
		border-radius: 5px;
		margin-bottom: 25px;
		color: #585858;
		width: 320px;
	}
	
	form#login input[type="password"] {
		background: url(../images/key.png) no-repeat 97% #e4e5e5;
		border: 1px solid #c0c0c0;
		padding: 15px;
		border-radius: 5px;
		margin-bottom: 25px;
		color: #585858;
		width: 320px;
	}
	
	form#login span {
		float: left;
		font-size: 13px;
		color: #5b5a5a;
		padding-top: 10px;
	}
	
	form#login span input[type="checkbox"] {
		margin: 0px 7px 0 0;
		position: relative;
		top: 2px;
	}
	
	form#login button {
		display: block;
		float: right;
		padding: 10px 35px;
		color: #fff;
		cursor: pointer;
		border-radius: 5px;
		background: #dc7821;
		/* Old browsers */
		background: -moz-linear-gradient(top, #dc7821 0%, #383838 100%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dc7821), color-stop(100%, #383838));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #dc7821 0%, #383838 100%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #dc7821 0%, #383838 100%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(top, #dc7821 0%, #383838 100%);
		/* IE10+ */
		background: linear-gradient(to bottom, #dc7821 0%, #383838 100%);
		/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc7821', endColorstr='#383838', GradientType=0);
		/* IE6-9 */
	}
	
	form#login button:hover {
		background: #51504e;
	}
	
	form#login h3 {
		float: right;
		font-size: 13px;
		margin: 22px 0 0 0;
		color: #484848;
	}
	
	form#login h3 a {
		color: #df7521;
	}
	
	center h5 {
		color: #5e5e5e;
		margin: 25px 0 0 0;
	}
	
	center h5 a {
		color: #e66f21;
	}
	#telphonedetails {
		width: 100%;
	}
	
	.combo_img {
		border: none;
		float: left;
		width: 24px;
		margin-top: 12px;
		margin-left: 19px;
	}
	.extra_content03 select {
		width: 95% !important;
	}
	section select#protocoledit {
		border: thin;
		inline-block left: 2%;
		margin-right: -34px;
		width: 77%;
	}
	
	section input[type="submit"] {
		float: left;
		padding: 9px 12px;
		border: 0;
		color: #fff;
		margin-left: 10px;
		margin-top: 1px;
		cursor: pointer;
		border-radius: 0;
		background: #5E5E5E;
		width: 100px;
		margin-bottom: 0;
		/*Guigo*/
		display: inline-block;
		border: 0 none;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		cursor: pointer;
		text-align: center;
		padding: 5px 0;
		color: #fff;
		background: rgba(0, 0, 0, 0.3);
	}
	
	table#servicestable.service_block_list1 tr:last-child td:last-child tr th {
		padding: 25px 10px !important;
	}
	section table th {
		padding: 10px 0 10px 10px;
		text-align: left;
		color: #464646;
		font-weight: normal;
	}
	
	section em {
		width: 100%;
		float: left;
		color: #505151;
		margin: 7px 0;
		font-size: 20px;
		background-color: #FF9E71;
		padding: 8px 0 8px 0;
		text-align: center;
		border-radius: 6px;
	}
	
	#listtop {
		width: 98%;
		float: left;
		margin-bottom: 15px;
		margin-top: 17px;
		font-size: 13px;
		background-color: #FF9E71;
		border: 1px solid #FFCEA8;
	}
	
	#listtop th {
		border: none;
		padding: 10px 0 10px 10px;
		text-align: left;
		color: #464646;
		font-weight: normal;
	}
	
	#listtop td {
		padding: 10px 0 10px 10px;
		text-align: left;
		color: #464646;
	}
	
	#listtop2 {
		width: 98%;
		float: left;
		margin-bottom: 15px;
		margin-top: 17px;
		font-size: 13px;
		background-color: #FF9E71;
		border: 1px solid #FFCEA8;
	}
	
	#listtop2 th {
		border: none;
		padding: 10px 0 10px 10px;
		text-align: left;
		color: #464646;
		font-weight: normal;
	}
	
	#listtop2 td {
		padding: 10px 0 10px 10px;
		text-align: left;
		color: #464646;
	}
	
	#servicestable .selectBox {
		background: #ffffff none repeat scroll 0 0;
		border: 1px solid #c0c0c0;
		color: #585858;
		float: left;
		font-size: 12px;
		width: 48%;
	}
	
	.international {
		float: left;
	}
	
	.brasil {
		float: right;
	}
	div.a2billing {
		float: left;
		margin: 80px 0 0 0;
		width: 100%;
	}
	/**********************************Main PAGE**********************************/
	
	body.inner {
		background: #fff;
	}
	
	.prefix {
		width: 100%;
		min-height: 205px;
		border: 0;
	}
	
	header {
		width: 100%;
		border-top: 0 none;
		border-bottom: 0 none;
		float: none;
		padding-bottom: 0;
		background: #fafafa;
		display: inline-block;
		width: 100%;
	}
	
	header a:nth-of-type(2) {
		display: inline-block;
		float: left;
		max-width: 245px;
	}
	
	header.fix {
		width: 100%;
		background: #383838;
		border-top: 10px solid #000;
		float: left;
		position: fixed;
		z-index: 2;
	}
	
	header span img {
		margin-right: 5px;
	}
	header span small a {
		font-size: 12px;
		color: #000;
	}
	
	header span.one {
		color: #fff;
		font-size: 13px;
		margin: 15px 0 0 0;
		float: left;
		width: 18%;
	}
	
	header span.one small {
		margin-right: 30px;
	}
	
	header span b a {
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		color: #000 !important;
		font-size: 13px;
	}
	img.logo2 {
	margin: 5px 26px 2px 15px;
    float: left;
	}
	.headerright li form {
		display: inline-block;
		height: 55px;
		line-height: 65px;
		background: rgb(255, 144, 92);
		width: 47px;
		position: relative;
		overflow: hidden;
		z-index: 1;
	}
	
	.headerright li form::before {
		position: absolute;
		content: "\f015";
		font-size: 20px;
		font-family: "FontAwesome";
		color: #FFF;
		line-height: 33px;
		z-index: -1;
		left: calc(50% - 9px);
	}
	
	.headerright ul li {
		/*display: inline-block;*/
		vertical-align: middle;
		text-align: center;
		height: 34px;
		/* padding: 15px 12px; */
	}
	
	.headerright li form {
		display: inline-block;
		height: 34px;
		line-height: 34px;
		width: 45px;
	}
	
	#demo {
		font-size: 16px;
		color: #fff;
		margin-right: 12px;
		margin-left: 52px;
	}
	
	.headerright ul li a {
		color: #fff;
		font-size: 15px;
		font-family: 'Montserrat', sans-serif;
		
		padding: 8px 12px;
		font-weight: normal;
		transition: all .3s ease-in-out;
		display: inline-block;
		text-align: center;
		height: 0;
	}
	
	.headerright ul li a:hover {
		background-color: #ffffff;
		color: #ff905c;
		height: unset !important;
	}
	
	nav {
		background: url(../images/navbg.jpg) repeat-x;
		float: left;
		width: 100%;
		padding-left: 38px;
	}
	
	nav ul {
		float: left;
		width: 100%;
	}
	
	nav ul li {
		float: left;
		margin: 0 3%;
	}
	
	nav ul li a {
		color: #656367;
		font-size: 12px;
		font-family: 'Montserrat', sans-serif;
		margin: 20px 0 20px 55px;
		display: block;
		text-align: center;
		padding: 10px;
		border: 1px solid #E9E9E9;
		border-radius: 10px;
		width: 95px;
	}
	
	nav ul li a:hover {
		color: #383838;
	}
	
	nav ul li:nth-child(1) {
		background: url(../images/homeicn.png) no-repeat left;
		margin-right: 0;
	}
	
	nav ul li:nth-child(2) {
		no-repeat left;
		margin-right: 0;
	}
	
	nav ul li:nth-child(3) {
		no-repeat left;
		margin-right: 0;
	}
	
	nav ul li:nth-child(4) {
		no-repeat left;
		margin-right: 0;
	}
	
	nav ul li:nth-child(5) {
		no-repeat left;
		margin-right: 0;
	}
	
	nav ul li:nth-child(6) {
		no-repeat left;
		margin-right: 0;
	}
	
	nav ul li:nth-child(7) {
		no-repeat left;
		margin-right: 0;
	}
	.userdiv table#usertable th {    /*---------Hometable heading----------*/
		text-align: center;
		padding: 15px 10px;
		color: #FFF;
		font-family: 'Montserrat', sans-serif;
		font-weight: normal;
		font-size: 13px;
		background: #00a3da !important;
		border-left: 1px solid #ddd !important;
		padding: 10px 10px;
	}
	
	section table#usertable td {
		border-bottom: 1px solid #FFE3BB;
		border-left: 1px solid #FFE3BB;
		text-align: center;
		padding: 15px 10px;
		color: #17202A;
	}
	section table#usertable th a {
		color: #FFF;
		font-family: 'Montserrat', sans-serif;
		font-size: 13px;
	}
	
	section table#usertable td a:hover {
		color: #FF9E71;
	}
	
	table#usertable img.offline {
		margin-right: 10px;
	}
	
	table#usertable span.panelcon {
		position: relative;
		display: inline-block;
		top: -12px;
		color: #FFF;
	}
	/**********************************Services PAGE**********************************/
	
	ul.servicetab_1 {
		float: left;
		width: 100%;
		padding: 10px;
		background: #353535;
	}
	
	ul.servicetab_1 li {
		float: left;
		margin-right: 0.8%;
		width: 99%;
	}
	
	ul.servicetab_1 li:last-child {
		margin-right: 0;
	}
	
	ul.servicetab_1 li a {
		text-align: center;
		display: block;
		padding: 12px 0;
		background: #3e3e3e;
		border: 1px solid #4f4f4f;
		color: #FFFFFF;
	}
	
	ul.servicetab_1 li a:hover {
		background-color: #101d49;
		color: #fff;
		box-shadow: none;
		transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
		border: 1px solid #FFF;
	}
	
	ul.servicetab_2 {
		float: left;
		width: 100%;
		padding: 10px;
		background: #353535;
	}
	
	ul.servicetab_2 li {
		float: left;
		margin-right: 0.8%;
		width: 49%;
	}
	
	ul.servicetab_2 li:last-child {
		margin-right: 0;
	}
	
	ul.servicetab_2 li a {
		text-align: center;
		display: block;
		padding: 12px 0;
		background: #3e3e3e;
		/*box-shadow: 2px 3px 3px #a3a3a3;*/
		border: 1px solid #4f4f4f;
		color: #FFFFFF;
	}
	
	ul.servicetab_2 li a:hover {
		background-color: #101d49;
		color: #fff;
		box-shadow: none;
		transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
		border: 1px solid #FFF;
	}
	
	ul.servicetab_3 {
		float: left;
		width: 100%;
		padding: 10px;
		background: #353535;
	}
	
	ul.servicetab_3 li {
		float: left;
		margin-right: 0.8%;
		width: 32%;
	}
	
	ul.servicetab_3 li:last-child {
		margin-right: 0;
	}
	
	ul.servicetab_3 li a {
		text-align: center;
		display: block;
		padding: 12px 0;
		background: #3e3e3e;
		border: 1px solid #4f4f4f;
		color: #FFFFFF;
	}
	
	ul.servicetab_3 li a:hover {
		background-color: #101d49;
		color: #fff;
		box-shadow: none;
		transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
		border: 1px solid #FFF;
	}
	
	ul.servicetab_4 {
		float: left;
		width: 100%;
		padding: 10px 10px 0;
		background: #A9A9A9;
		border-bottom: 3px solid #A9A9A9;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,ffffff+55 */
		background: rgb(226, 226, 226);
		/* Old browsers */
		background: -moz-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(255, 255, 255, 1) 55%);
		/* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(255, 255, 255, 1) 55%);
		/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(226, 226, 226, 1) 0%, rgba(255, 255, 255, 1) 55%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff', GradientType=0);
		/* IE6-9 */
	}
	ul.servicetab_4 li a:hover {
		background-color: #101d49;
		color: #fff;
		box-shadow: none;
		transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
		border: 1px solid #FFF;
	}
	
	ul.servicetab_6 {
		float: left;
		width: 100%;
		padding: 10px;
		/*background:#353535;*/
		padding-left: 54px !important;
	}
	
	ul.servicetab_6 li {
		float: left;
		margin-right: 29px;
		width: 14.3%;
	}
	
	ul.servicetab_5 li:last-child {
		margin-right: 0;
	}
	/*ul.servicetab_5 li a{
        text-align:center;
        display:block;
        padding:11px 0;
        background:#3e3e3e; 
        border:1px solid #4f4f4f;
        color:#FFFFFF;
        font-size: 14px;
}*/
	
	ul.servicetab_5 li a:hover {
		background-color: #009688;
		color: #fff;
		box-shadow: none;
		transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
		border: 0 none;
	}
	
	ul.servicetab_6 {
		float: left;
		width: 100%;
		padding: 10px;
		background: #353535;
	}
	
	ul.servicetab_6 li:last-child {
		margin-right: 0;
	}
	
	ul.servicetab_6 li a:hover {
		background-color: #00aeef;
		color: #fff;
		box-shadow: none;
		transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
		border: 0 none;
	}
	table#usertable {
    width: 95%;
    margin: 0 auto;
}
	#servicestable1 th,
	#servicestable1 td {
		text-align: left;
		vertical-align: middle;
		padding: 14px 20px !important;
	}
	
	#servicestable2 th,
	#servicestable2 td {
		text-align: left;
		vertical-align: middle;
		padding: 14px 20px !important;
	}
	#servicestable2 {
		border-collapse: collapse;
		border-top: none !important;
	}
	.extra_content01 .btn-success:hover {
		background: #fefefe;
		border: 1px solid #ff905c;
		color: #ff905c;
	}
	.serviceleft ul li:first-child a:hover::before {
		width: 100%;
	}
	.serviceleft ul li:hover {
		cursor: pointer;
	}
	
	.serviceleft ul li a img {
		position: relative;
		top: -3px;
		margin-right: 2%;
	}
	.serviceleft:after {
		clear: both;
	}
	.serviceright {
		float: left;
		width: 81.5%;
		margin: 0 0 0 0;
	}
	
	ul.servicetab2 {
		float: left;
		width: 360px;
		margin-top: 5px;
		margin-left: 2%;
	}
	
	ul.servicetab2 li {
		float: left;
		margin-right: 15px;
		padding: 5px 0 0 0;
	}
	
	ul.servicetab2 li a.left {
		float: left;
		position: relative;
		background: none;
		border: 0;
	}
	
	ul.servicetab2 li a img {
		float: left;
		margin: -2px 0 0 0;
	}
	
	ul.servicetab2 li:last-child {
		margin-right: 0;
	}
	
	ul.servicetab2 li a {
		text-align: center;
		display: block;
		padding: 12px 0;
		text-decoration: underline;
		font-size: 12px;
		color: #fff;
	}
	
	ul.servicetab2 li a:hover {
		color: #f5c701;
	}
	.styled-select option.service-small {
		font-size: 15px;
		padding: 5px;
		background: #D8D8D8;
	}
	section table#servicestable th:first-child {
		border-left: 0;
	}
	
	section table#servicestable th:first-child:hover img {
		transform: rotate(360deg);
		transition: 0.6s;
		cursor: pointer;
	}
	section table#servicestable td img.info {
		position: relative;
		float: right;
		left: 0;
	}
	section table#servicestable2 th {
		border-left: 1px solid #FFE3BB;
		padding: 0px;
		text-align: center;
		background: #E8E8E8;
	}
	section table#servicestable2 td {
		border: 1px solid #FFE3BB;
		border-right: 1px solid #FFE3BB;
		padding: 5px 5px 0px 5px;
		color: #464646;
		/* float: left; */
		width: -1%;
	}
	
	#univTables1 select {
		margin: 0;
		font-size: 7pt;
		font-weight: bold;
	}
	
	progress {
		width: 9em;
	}
	
	#univTables1 select.m2mip {
		width: 100px;
		font-size: 7pt;
		font-weight: bold;
	}
	
	.m2mtable {
		margin-bottom: 10;
	}
	input[name="searchlastdate"] {
		border: 1px solid #A0A0A0;
		border-radius: 20px;
		color: #585858;
		float: left;
		margin-bottom: 5px;
		padding: 8px;
		width: 140px;
	}
	
	input[name="searchpercent"] {
		border: 1px solid #A0A0A0;
		border-radius: 20px;
		color: #585858;
		float: left;
		margin-bottom: 5px;
		padding: 8px;
		width: 140px;
	}
	section.userdiv input[type="image"] {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		border: 0 none;
		border-radius: 0;
		cursor: pointer;
		margin-right: 15px;
	}
	/**********************************User account PAGE**********************************/
	#accounttable th a img {
		margin-right: 5px;
	}
	section table#accounttable td a:hover {
		color: #383838;
	}
	
	section table#accounttable td b {
		float: left;
		width: 45%;
	}
	ul.useracctab li:last-child {
		border-right: 0;
	}
	ul.useracctab li a:hover {
		background: #ff905c;
	}
	
	fieldset#accountdetails {
		width: 100%;
		margin-bottom: 30px;
	}
	.leftacc h2 img {
		float: left;
		margin-right: 10px;
	}
	
	.centeracc {
		width: 30%;
		float: left;
		padding-left: 3%;
		margin-top: 2em;
		font-size: 13px;
	}
	
	.centeracc label {
		float: left;
		width: 35%;
		padding: 6px 0;
		color: #2a2a2a;
	}
	
	.centeracc input {
		width: 45%;
		padding: 8px;
		margin-bottom: 10px;
	}
	
	.centeracc h2 {
		padding: 10px 0 10px 0;
		color: #4f5d73;
	}
	
	.centeracc h2 img {
		float: left;
		margin-right: 10px;
	}
	
	.rightacc {
		width: 30%;
		float: right;
		padding-right: 1%;
		margin-top: 2em;
		font-size: 13px;
	}
	
	.rightacc label {
		float: left;
		width: 35%;
		padding: 8px 0;
		color: #2a2a2a;
		margin-bottom: 10px;
	}
	
	.rightacc input {
		width: 45%;
		padding: 8px;
	}
	
	.rightacc h2 {
		padding: 10px 0 10px 0;
		color: #4f5d73;
	}
	
	.rightacc h2 img {
		float: left;
		margin-right: 10px;
	}
	button.sub:hover {
		background: #d04e10;
	}
	
	table#accounttable1 span {
		color: #383838;
	}
	table#accounttable1 input[type="image"] {
		padding: 0;
	}
	
	section table#accounttable1 td a {
		color: #4f5d73;
		font-family: 'Montserrat', sans-serif;
		font-size: 12px;
	}
	
	section table#accounttable1 td a:hover {
		color: #383838;
	}
	/**********************************Services pACkages PAGE**********************************/
	
	.packagecon {
		float: left;
		width: 84.5%;
		margin: 0 0 0 0;
	}
	
	ul.packagelist {
		float: left;
		margin-left: 3%;
		margin: 7px;
	}
	
	ul.packagelist li {
		float: left;
		width: 21%;
		padding: 1.5%;
		margin-right: 1%;
		border: 1px dashed #e47d61;
		min-height: 310px;
	}
	
	ul.packagelist li img {
		margin-left: 26%;
		margin-bottom: 15px;
	}
	
	ul.packagelist li h2 {
		text-align: center;
		margin-bottom: 15px;
		font-size: 20px;
		color: #e47d61;
	}
	
	ul.packagelist li p {
		font-size: 13px;
		text-align: center;
	}
	
	ul.packagelist li:first-child {
		background: #f8eccd;
	}
	
	ul.packagelist li:last-child {
		background: #f8eccd;
		margin-right: 0;
	}
	
	ul.packagelist li:nth-child(2) {
		background: #f8eccd;
	}
	
	ul.packagelist li:nth-child(3) {
		background: #f8eccd;
	}
	/**********************************PBX and call center PAGE**********************************/
	
	.packagecon2 {
		width: 80%;
		float: right;
		margin-top: 10px;
		margin-right: 5px;
	}
	
	img.virtualpbx {
		width: 90%;
		max-width: 850px;
		display: block;
		height: auto;
		margin: 10px 0 0 7%;
	}
	
	.serviceleftpbx {
		float: left;
		background: #383838;
		width: 17%;
		/*height:2032px;*/
		overflow: visible;
		margin-right: 0.5%;
		border-top: 1px solid #666;
	}
	
	.serviceleftpbx ul {
		float: left;
		width: 100%;
	}
	
	.serviceleftpbx ul li {
		border-bottom: 1px solid #5d6777;
		padding-left: 0px;
		width: 100%;
	}
	
	.serviceleftpbx ul li:hover {
		cursor: pointer;
	}
	
	.serviceleftpbx ul li a {
		color: #6F6F6F;
		padding: 21px 35px;
		font-size: 12px;
		display: block;
	}
	
	.serviceleftpbx ul li a.other {
		display: inline;
		float: left;
		margin: -24% 0 0 32%;
	}
	
	.serviceleftpbx ul li a img {
		float: left;
		position: relative;
		top: -3px;
		margin-right: 5%;
	}
	
	.serviceleftpbx ul li a:hover,
	.serviceleftpbx ul li a.current {
		color: #383838;
	}
	
	section table#pbxtable {
		float: left;
		border: 1px solid #c0c0c5;
		margin-bottom: 15px;
		background: #fff;
		font-size: 14px;
		margin: 5px 0 0 0;
	}
	
	section table#pbxtable th {
		border-bottom: 2px solid #c0c0c5;
		border-left: 1px solid #c0c0c5;
		padding: 10px 0 10px 10px;
		text-align: center;
		color: #464646;
		background: #eaeaf0;
	}
	
	section table#pbxtable th:first-child {
		border-left: 0;
	}
	
	section table#pbxtable td {
		border-bottom: 1px solid #cdcdcd;
		border-left: 1px solid #c0c0c5;
		padding: 10px 5px;
		text-align: center;
		color: #464646;
	}
	
	section table#pbxtable td:first-child {
		border-left: 0;
	}
	
	section table#pbxtable td a {
		color: #3a3a3a;
	}
	
	.pbxcon {
		width: 100%;
		float: left;
		margin: 1% 0 0 0;
	}
	
	.pbxcon h4.pbxconhead {
		color: #383838;
		display: block;
		margin: 15px 0;
		text-align: center;
	}
	img.m2mdiag {
		position: relative;
		display: block;
		margin-top: 3%;
		left: 7%;
	}
	.m2mtabs ul li {
		border-bottom: 1px solid #fff;
		width: 91%;
		background: #FF9E71;
		padding: 12px 0 13px 8%;
		float: left;
	}
	
	.m2mtabs ul li:nth-child(8),
	.m2mtabs ul li:nth-child(9),
	.m2mtabs ul li:nth-child(10) {
		padding: 12px 0 14px 15px;
	}
	
	.m2mtabs ul li span {
		margin-bottom: 7px;
		background: #FF9E71;
		display: block;
	}
	
	.m2mtabs ul li a img {
		float: left;
		margin-right: 3%;
		/*width:18px;*/
		height: 18px;
		position: relative;
	}
	
	.m2mtabs ul li:hover {
		cursor: pointer;
		background: #FF9E71;
	}
	
	.m2mtabs ul li a {
		color: #fff;
		background: #FF9E71;
		display: block;
		margin-right: 5%;
		font-size: 13px;
	}
	
	.m2mtabs ul li a:hover {
		background: #FF9E71;
	}
	
	#inline_content {
		font-size: 13px;
	}
	
	#inline_content h2 {
		color: #383838;
		padding-bottom: 10px;
		border-bottom: 1px dashed #383838;
		margin-bottom: 15px;
	}
	
	form.adminpop input {
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
		padding: 7px;
		color: #585858;
		width: 180px;
	}
	
	form.adminpop select {
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
		padding: 7px;
		color: #585858;
		width: 196px;
	}
	
	form.adminpop textarea {
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
		padding: 7px;
		color: #585858;
		width: 180px;
		height: 70px;
	}
	
	form.adminpop input.button {
		background: #383838;
		color: #fff;
		padding: 7px 12px;
		width: 40%;
		border: 0;
		margin-right: 15px;
		cursor: pointer;
		outline: 1px dotted #fff;
		outline-offset: -2px;
	}
	
	form.servicesnpop h3 {
		color: #383838;
		padding-bottom: 10px;
		border-bottom: 1px dashed #383838;
		margin-bottom: 15px;
		font-size: 13px;
	}
	
	form.servicesnpop span {
		width: 130px;
		float: left;
	}
	
	form.servicesnpop ul select.large {
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
		padding: 3px;
		color: #585858;
		width: 196px;
	}
	
	form.servicesnpop ul select {
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
		padding: 3px;
		color: #585858;
		width: 100px;
	}
	
	form.servicesnpop {
		padding: 10px 20px 10px 10px;
		border-right: 1px dotted #383838;
		width: 48%;
		margin-bottom: 20px;
		float: left;
	}
	
	form.servicesnpop ul {
		border-bottom: 1px dotted #383838;
		padding-bottom: 7px;
	}
	
	form.servicesnpop ul li {
		margin: 10px 0;
	}
	
	form.servicesnpop2 h3 {
		color: #383838;
		padding-bottom: 10px;
		border-bottom: 1px dashed #383838;
		margin-bottom: 15px;
		font-size: 13px;
	}
	
	form.servicesnpop2 span {
		width: 120px;
		float: left;
	}
	
	form.servicesnpop2 ul select.large {
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
		padding: 3px;
		color: #585858;
		width: 180px;
	}
	
	form.servicesnpop2 ul select {
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
		padding: 3px;
		color: #585858;
		width: 100px;
	}
	
	form.servicesnpop2 {
		padding: 10px;
		width: 43%;
		margin-bottom: 20px;
		float: right;
		margin-bottom: 20px;
	}
	
	form.servicesnpop2 ul {
		border-bottom: 1px dotted #383838;
		padding-bottom: 7px;
	}
	
	form.servicesnpop2 ul li {
		margin: 10px 0;
	}
	
	.serviceleftadmin {
		float: left;
		background: #4f5d73;
		width: 15%;
		min-height: 500px;
		margin-right: 0.5%;
		margin-top: 0.4%;
	}
	
	.serviceleftadmin ul {
		float: left;
		width: 100%;
	}
	
	.serviceleftadmin ul li {
		border-bottom: 1px solid #5d6777;
		padding-left: 5px;
		width: 97%;
	}
	
	.serviceleftadmin ul li:hover {
		cursor: pointer;
	}
	
	.serviceleftadmin ul li a {
		color: #fff;
		padding: 21px 62px;
		display: block;
	}
	
	.serviceleftadmin ul li a:hover {
		color: #383838;
	}
	form.callrecform {
		padding: 2% 0;
		margin-left: 4%;
	}
	
	form.callrecform input {
		width: 12%;
		border: 1px solid #CCC;
		padding: 5px;
		margin: 0 20px 0 10px;
	}
	
	form.callrecform button {
		padding: 7px 20px;
		color: #fff;
		cursor: pointer;
		background: #383838;
	}
	
	form.callrecform button:hover {
		background: #f2c300;
	}
	
	nav span {
		float: left;
		padding: 30px 0;
		font-size: 13px;
		display: inline-block;
		color: #70bc2c;
		margin-left: 3%;
	}
	
	nav h6 a {
		font-size: 13px;
		float: right;
		background: url(../images/ticket.png) no-repeat left;
		padding: 30px 0 30px 50px;
		margin-right: 3%;
		color: #5d6777;
	}
	
	nav h6 a:hover {
		color: #383838;
	}
	
	table#tickettable {
		margin-left: 3%;
		border: 0;
	}
	
	table#tickettable td:nth-child(odd) {
		text-align: left;
	}
	
	table#tickettable td select {
		background: #e4e5e5;
		border: 0px solid #c0c0c0;
		padding: 7px;
		color: #585858;
		width: 196px;
	}
	
	table#tickettable td textarea {
		background: #e4e5e5;
		border: 0px solid #c0c0c0;
	}
	
	table#tickettable td input.button {
		background: #383838;
		color: #fff;
		padding: 7px 12px;
		width: 15%;
		border: 0;
		margin-right: 15px;
		cursor: pointer;
		outline: 1px dotted #fff;
		outline-offset: -2px;
		border-radius: 0;
	}
	
	table#ticketmvno {
		margin-left: 0;
		border: 1px solid #c0c0c0;
		width: 98%;
		margin: auto;
		border-collapse: collapse;
	}
	
	section table#ticketmvno th a {
		ccolor: ffffff;
		font-size: 8pt;
		font-weight: normal;
		/*float:left;*/
	}
	
	section table#ticketmvno th {
		border-bottom: 2px solid #c0c0c5;
		border-left: 1px solid #c0c0c5;
		padding: 10px 0 10px 10px;
		text-align: center;
		font-size: 8pt;
		color: #464646;
		background: #eaeaf0;
	}
	
	section table#ticketmvno td {
		border-bottom: 1px solid #FFE3BB;
		border-left: 1px solid #FFE3BB;
		text-align: center;
		padding: 10px;
		font-size: 8pt;
		color: #464646;
	}
	
	table#ticketmvno td:nth-child(odd) {
		text-align: left;
	}
	
	table#ticketmvno td select {
		background: #e4e5e5;
		border: 0px solid #c0c0c0;
		padding: 7px;
		color: #585858;
		width: 196px;
	}
	
	table#ticketmvno td textarea {
		background: #e4e5e5;
		border: 0px solid #c0c0c0;
		width: 100%;
		height: 9em;
	}
	
	table#ticketmvno td input.button {
		background: #383838;
		color: #fff;
		padding: 7px 12px;
		width: 15%;
		border: 0;
		margin-right: 15px;
		cursor: pointer;
		outline: 1px dotted #fff;
		outline-offset: -2px;
		border-radius: 0;
	}
	
	table#cellphoneservices {
		margin-left: 3%;
		border: 1px solid #c0c0c0;
	}
	
	table#cellphoneservices td:nth-child(odd) {
		text-align: left;
	}
	
	table#cellphoneservices td select {
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
		padding: 7px;
		color: #585858;
		width: 196px;
	}
	
	table#cellphoneservices td textarea {
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
	}
	
	table#cellphoneservices td input.button {
		background: #383838;
		color: #fff;
		padding: 7px 12px;
		width: 15%;
		border: 0;
		margin-right: 15px;
		cursor: pointer;
		outline: 1px dotted #fff;
		outline-offset: -2px;
		border-radius: 0;
	}
	
	table#cellphoneservices td a {
		color: #5d6777;
		display: block;
		margin-bottom: 5px;
	}
	
	table#cellphoneservices td a:hover {
		color: #383838;
	}
	
	table#cellphoneservices td a img {
		position: relative;
		top: 5px;
		margin-right: 2%;
	}
	
	p.ticketstat {
		margin-left: 3%;
		margin-bottom: 2%;
		color: #5d6777;
	}
	
	p.ticketstat a {
		color: #383838;
	}
	
	table#ticketstattable {
		margin-left: 3%;
	}
	
	table#ticketstattable td {
		border: 0;
		border-right: 1px solid #999;
	}
	
	table#ticketstattable td:last-child {
		border: 0;
	}
	
	table#ticketstattable td select {
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
		padding: 7px;
		color: #585858;
		width: 196px;
	}
	
	table#ticketstattable td textarea {
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
	}
	
	table#ticketstattable td input[type="text"] {
		width: 200px;
		padding: 7px;
		margin: 0;
	}
	
	table#ticketstattable td input.button {
		background: #383838;
		color: #fff;
		padding: 7px 12px;
		width: 15%;
		border: 0;
		margin-right: 15px;
		cursor: pointer;
		outline: 1px dotted #fff;
		outline-offset: -2px;
		border-radius: 0;
	}
	
	table#ticketstattable td button {
		padding: 7px;
		width: 100px;
		border-radius: 0;
		margin-right: 10px;
	}
	table#adduser td span {
		color: #f00;
	}
	
	table#adduser td textarea {
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
	}
	table#adduser td input.button {
		background: #383838;
		color: #fff;
		padding: 7px 12px;
		width: 25%;
		border: 0;
		margin-right: 15px;
		cursor: pointer;
		outline: 1px dotted #fff;
		outline-offset: -2px;
		border-radius: 0;
	}
	table#search td {
		border-bottom: 1px dashed #ccc;
	}
	table#search td span {
		color: #f00;
	}
	
	table#search td textarea {
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
	}
	table#search td input[type="image"] {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		border: 0 none;
		border-radius: 0;
		cursor: pointer;
		height: auto;
		padding: 0;
		width: auto;
	}
	
	table.newstyle {
		margin-left: 3%;
		border: 0;
		width: 95%;
	}
	
	table.newstyle td {
		border-bottom: 1px dashed #ccc;
	}
	
	table.newstyle td select {
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
		padding: 7px;
		color: #585858;
		width: 70px;
	}
	
	table.newstyle td span {
		color: #f00;
	}
	
	table.newstyle td textarea {
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
	}
	
	table.newstyle td input {
		width: 200px;
		padding: 7px;
		margin: 0;
	}
	
	table.newstyle td input[type="image"] {
		border: 0;
		margin-right: 15px;
		cursor: pointer;
		outline: 1px dotted #fff;
		outline-offset: -2px;
		border-radius: 0;
	}
	
	a.menuadd {
		background: url(../images/addnew.png) no-repeat left;
		padding-left: 30px;
		color: #35967e;
	}
	
	a.menuminus {
		background: url(../images/minus.png) no-repeat left;
		padding-left: 30px;
		color: #35967e;
	}
	
	.serviceleft ul.alert {
		float: left;
		width: 100%;
	}
	
	.serviceleft ul.alert li {
		border-bottom: 1px solid #5d6777;
		padding-left: 5px;
		width: 97%;
	}
	
	.serviceleft ul.alert li:hover {
		cursor: pointer;
	}
	
	.serviceleft ul.alert li a img {
		float: left;
		margin-right: 15px;
	}
	
	.serviceleft ul.alert li a {
		color: #fff;
		padding: 21px 20px;
		display: block;
	}
	
	.serviceleft ul.alert li a:hover {
		color: #383838;
	}
	
	h3.alhead {
		font-size: 20px;
		color: #383838;
		padding-left: 2%;
		text-align: left;
		padding-bottom: 12px;
		border-bottom: 1px solid #ccc;
	}
	
	ul.alerttypes {
		float: left;
		text-align: left;
		padding-left: 2%;
		margin: 1% 0 0 0;
	}
	
	ul.alerttypes li {
		margin: 2% 0 4% 0;
	}
	
	ul.alerttypes li a {
		color: #333;
	}
	
	ul.alerttypes li a:hover {
		color: #383838;
		text-decoration: underline;
	}
	
	ul.alerttypes li a span {
		color: #383838;
	}
	/**********************************Tools page******************************/
	section table#tools th {
		border-bottom: 2px solid #c0c0c5;
		background: #eaeaf0;
		border-left: 1px solid #c0c0c5;
		text-align: center;
		padding: 10px;
		color: #666666;
	}
	section table#tools td a:hover {
		color: #ae2902;
	}
	
	table#tools img.offline {
		margin-right: 10px;
	}
	
	table#tools span.panelcon {
		position: relative;
		display: inline-block;
		top: -12px;
		color: #383838;
	}
	
	table#tools tr {
		height: 185px;
		-webkit-box-shadow: 0px 0px 31px 1px rgba(209, 209, 209, 1);
		-moz-box-shadow: 0px 0px 31px 1px rgba(209, 209, 209, 1);
		box-shadow: 0px 0px 31px 1px rgba(209, 209, 209, 1);
	}
	table#tools td:nth-child(odd):hover {
		background: #fff !important;
		transition: 0.8s all;
	}
	
	table#tools td:nth-child(even):hover {
		background: #f5e45469 !important;
		transition: 0.8s all;
	}
	section table#tools td:hover a {
		color: #000;
	}
	/**********************************Invoices page******************************/
	
	section table#invoices {
		float: left;
		border: 1px solid #c0c0c5;
		margin-bottom: 15px;
		background: #fff;
		font-size: 14px;
		width: 93%;
		margin-left: 50px;
	}
	
	section table#invoices th {
		border-bottom: 2px solid #c0c0c5;
		background: #eaeaf0;
		border-left: 1px solid #c0c0c5;
		padding: 10px;
		color: #666666;
		text-align: left;
	}
	
	section table#invoices td {
		border-bottom: 1px solid #cdcdcd;
		border-left: 1px solid #c0c0c5;
		text-align: center;
		padding: 7px;
		color: #464646;
	}
	
	section table#invoices td a {
		color: #1f9ed3;
	}
	
	section table#invoices td a:hover {
		color: #383838;
	}
	
	table#invoices img.offline {
		margin-right: 10px;
	}
	
	table#invoices span.panelcon {
		position: relative;
		display: inline-block;
		top: -12px;
		color: #383838;
	}
	
	.filter {
		padding: 15px;
		background: #fffdea;
		border: 1px solid #f4c701;
		display: block;
		margin-bottom: 15px;
	}
	
	.filter a {
		color: #383838;
	}
	
	ul.invoicesicons {
		float: left;
	}
	
	ul.invoicesicons li {
		float: left;
		padding: 4px;
		border-right: 1px solid #ccc;
	}
	
	ul.invoicesicons li:last-child {
		border-right: 0;
	}
	
	ul.invoicesicons input {
		width: 30px;
		padding: 1px;
		border-radius: 0;
		float: none;
		margin: 0;
	}
	
	ul.invoicesicons select {
		padding: 1px;
		width: 140px;
		padding: 4px;
		border-radius: 0;
		float: none;
		margin: 0;
		border: 1px solid #ccc;
	}
	
	ul.invoicesicons button {
		padding: 6px;
		width: 70px;
		border-radius: 0;
		float: none;
		background: #51abd5;
	}
	
	ul.invoicesicons input.biginp {
		width: 200px;
		padding: 4px;
		border-radius: 0;
		float: none;
		margin: 0;
		background: #eaeaf0;
		border: 1px solid #ccc;
	}
	/**********************************Ticket Listing page******************************/
	
	section table#ticketlisting {
		float: left;
		border: 1px solid #c0c0c5;
		margin-bottom: 15px;
		background: #fff;
		font-size: 14px;
		width: 93%;
		margin-left: 50px;
	}
	
	section table#ticketlisting th {
		border-bottom: 2px solid #c0c0c5;
		background: #eaeaf0;
		border-left: 1px solid #c0c0c5;
		text-align: left;
		padding: 10px;
		color: #666666;
	}
	
	section table#ticketlisting td {
		border-bottom: 1px solid #cdcdcd;
		border-left: 1px solid #c0c0c5;
		text-align: left;
		padding: 7px;
		color: #464646;
	}
	
	section table#ticketlisting td a {
		color: #1f9ed3;
	}
	
	section table#ticketlisting td a:hover {
		color: #383838;
	}
	
	h4.calsum2 {
		width: 93%;
		margin-bottom: 12px;
		font-size: 16px;
		color: #383838;
	}
	
	span.ticklistbutt {
		float: right;
	}
	
	span.ticklistbutt a {
		background: #383838;
		color: #fff;
		font-size: 12px;
		padding: 3px 5px;
		margin-right: 5px;
		border-radius: 3px;
		border: 1px solid #963101;
	}
	
	span.ticklistbutt a:hover {
		background: #383838;
		color: #f5c016;
		font-size: 12px;
		padding: 3px 5px;
		margin-right: 5px;
		border-radius: 3px;
		border: 1px solid #963101;
	}
	/**********************************3G Device Online page******************************/
	
	span.geoloc {
		margin: 0 10px;
	}
	
	a.deviceicn img {
		position: relative;
		top: 4px;
	}
	
	span.geoloc a {
		color: #383838;
		font-size: 12px;
		padding: 3px 5px;
		margin-right: 5px;
	}
	
	span.geoloc a:hover {
		color: #f5c016;
		font-size: 12px;
		padding: 3px 5px;
		margin-right: 5px;
	}
	
	.hide {
		display: none;
		float: left;
		width: 100%;
	}
	
	h4.calsum3 {
		margin-left: 4%;
		width: 93%;
		margin-bottom: 12px;
		margin-top: 25px;
		font-size: 13px;
		color: #036;
	}
	
	h4.calsum3 img {
		margin: 1px 7px 0 0;
		float: left;
	}
	
	textarea#ticketex {
		width: 50%;
		border: 1px solid #ccc;
		margin-left: 3.7%;
		min-height: 180px;
		padding: 10px;
		margin-bottom: 10px;
	}
	
	h4.calsum2_links {
		float: left;
		margin-left: 3.7%;
		margin-bottom: 15px;
	}
	
	h4.calsum2_links a {
		background: #383838;
		color: #fff;
		font-size: 13px;
		padding: 5px 10px;
		margin-right: 5px;
		border: 1px solid #963101;
	}
	
	h4.calsum2_links a:hover {
		color: #f5c016;
	}
	
	.highslide-html-content select,
	.highslide-body select,
	.highslide-html-content input[type="text"],
	.highslide-body input[type="text"] {
		border: 1px solid #C0C0C0;
		color: #585858;
		padding: 3px;
		width: 600px;
		height: 600px;
	}
	/**********************************Responsive part******************************/
	
	@media screen and (min-width: 1200px) and (max-width: 1280px) {
		nav ul li {
			margin: 0 63px;
		}
		.m2mtabs ul li a img {
			float: left;
			margin-right: 6%;
		}
	}
	
	@media screen and (min-width: 1020px) and (max-width: 1200px) {
		nav ul li {
			margin: 0 4%;
		}
		.m2mtabs ul li a img {
			float: left;
			margin-right: 3%;
		}
	}
	/**********************************Extra css**********************************/
	
	.reset {
		clear: both;
	}
	
	.header_new {
		width: 540px;
		margin: 0 auto 0 auto;
	}
	
	.header_new_icon {
		width: 80px;
		float: left;
		margin-top: 24px;
	}
	
	.header_new_logo {
		width: 255px;
		float: left;
		margin-left: 55px;
	}
	
	.header_new_login {
		width: 100px;
		float: right;
		margin-top: 26px;
	}
	
	.header_new_login a {
		text-decoration: none;
		font-size: 13px;
		color: #FFF;
		background-color: #242424;
		padding: 6px;
		border-radius: 8px;
	}
	
	.header_new_login a:hover {
		color: #383838;
	}
	
	.extra_service th {
		padding: 10px 16px 10px 10px;
		text-align: left;
		color: #fff;
		font-weight: normal;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		background: #A9A9A9;
	}
	
	.extra_service th a {
		color: #fff;
	}
	
	.extra_content_admin {
		width: 30%;
		float: left;
		text-align: left;
		margin-top: 10px;
	}
	.extra_content03 {
		width: 73%;
		float: right;
		margin-top: 10px;
		margin-right: 40px;
	}
	.logintxt1 {
		font-size: 14px;
		color: #acacac;
		margin-top: 10px;
	}
	
	.loginbox {}
	
	.login_btntxt {
		background-color: #353535;
		color: #fff;
		text-align: center;
		border: 1px solid #FFF;
	}
	/* --------- For Admin PBX Feature Page ----------------- */
	
	.new_table {
		width: 84% !important;
	}
	
	.inbuyandact {
		border: 0 none;
		cursor: pointer;
		padding: 5px;
		text-indent: -302px;
		width: 156px;
		height: 32px;
		background: #353535 url(../images/buy_activebutt.png) no-repeat left top;
	}
	
	.plsbut {
		width: 46px!important;
	}
	
	.smcrd_no {
		width: 112px!important;
	}
	
	.smcrd_ip {
		width: 101px!important;
	}
	/*installdatetd*/
	
	.instldat {
		width: 94px!important;
	}
	
	.smcrd_list {
		float: left !important;
		margin-left: 75px !important;
		width: 89% !important;
	}
	
	section table#smcrd_list {
		border: 0 none;
	}
	
	.thsmcrd_no {
		width: 132px!important;
	}
	
	.thsmcrd_ip {
		width: 125px!important;
	}
	
	.th_iccid {
		width: 121px!important;
	}
	
	.th_imsi {
		width: 106px!important;
	}
	
	.th_lastcll {
		width: 105px!important;
	}
	
	.last_cll {
		width: 121px!important;
	}
	
	.iccid_no {
		width: 88px!important;
	}
	
	.imsi_no {
		width: 80px!important;
	}
	
	.lst_cl_no {
		width: 94px!important;
	}
	
	.lst_cl_no a,
	fltaln a,
	mrc_th a,
	on_th a,
	eq_th a {
		font-size: 7pt!important;
	}
	
	.install_date_th {
		width: 114px!important;
	}
	
	.univTables1_no {
		width: 99%!important;
	}
	
	.orgnewdth {
		width: 45%!important;
	}
	
	.cunsmptd {
		/*width:148px!important;*/
	}
	
	.crdit_th {
		width: 117px;
	}
	
	.crdit_th a,
	fltaln a,
	mrc_th a,
	on_th a,
	eq_th a {
		font-size: 7pt!important;
		font-weight: bold!important;
	}
	
	.mrc_th {
		width: 79px;
	}
	
	.on_th {
		width: 69px;
	}
	
	.eq_th {
		width: 65px;
	}
	
	.fltaln {
		float: none;
	}
	
	.fnt_sml {
		font-size: 8pt!important;
	}
	
	.col-displ-none {
		display: none;
	}
	
	.iccid_no a,
	.imsi_no a {
		font-size: 7pt!important;
		font-weight: bold!important;
	}
	
	.logo02 {
		width: 389px;
		height: 84px;
		margin: 15px 0 0 13px;
		border-bottom: 1px solid #cccccc;
	}
	
	.lgn_lft {
		width: 541px;
		float: left;
	}
	
	.lgn_rit {
		width: 594px;
		float: left;
		margin-left: 17px;
	}
	
	.lgn_space {
		width: 420px;
		margin-left: 12px;
	}
	/*-------Guigo-------*/
	.m2mtabs ul li:nth-child(8),
	.m2mtabs ul li:nth-child(9),
	.m2mtabs ul li:nth-child(10) {
		padding: 12px 0 14px 15px;
	}
	
	.m2mtabs ul li span {
		margin-bottom: 7px;
		display: block;
	}
	
	.m2mtabs ul li a img,
	.serviceleft ul li a img {
		margin-right: 3%;
		/*width:18px;*/
		height: 18px;
		position: relative;
	}
	
	.m2mtabs ul li:hover,
	.serviceleft ul li:hover {
		cursor: pointer;
	}
	.serviceleft ul li a:hover {
		color: #fff;
	}
	progress {
		margin-right: 10px;
		background: rgba(0, 0, 0, 0.3);
	}
	
	table tr:nth-child(odd) td {
		background: #fff;
	}
	
	.sortable tbody tr:nth-child(even) {
		background: #fff2eba6;
	}
	#usertable tbody tr:nth-child(even) th {
		background: #E8E8EA;
	}
	td,
	th {
		border: 0 none !important;
		border-bottom: 1px solid #e0e0e0 !important;
		border-left: 1px solid #e0e0e0 !important;
	}
	tr:last-child td {
		border-bottom: 0 none;
	}
	.leftacc button:hover,
	.rightacc button:hover {
		background: #fff;
		color: #3f51b5;
		border: 2px solid #3f51b5;
	}
	
	.extra_content01 .extra_content01 {
		margin: 0;
	}
	button.language:hover {
		background: #ff905c !important;
		transition: 0.3s all;
	}
	#bottomdemenu ul li img {
		vertical-align: middle;
		margin-right: 4px;
		width: 15px;
	}
	#language font {
		margin-left: 20px;
	}
	.leftacc,
	.rightacc {
		padding-left: 2.5%;
	}
	.serviceleft a {
		color: #fff;
	}
	.info {
		background: none !important;
		border: 0 none !important;
	}
	#tools {
		border: 1px solid #666;
	}
	#MenuTablesUser i.fas.fa-tachometer-alt {
    color: #fff;
}
	#appPageHomeTable {
		margin: 5px 20px 5px;
		background: #fff;
	}
	.pbxcon p a {
		display: inline-block;
		margin-right: 10px;
		border: 2px solid #FF9E71;
		color: #FF9E71;
		text-align: center;
		padding: 8px 15px;
		margin-bottom: 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	.pbxcon p a:hover {
		color: #fff;
		background: #FF9E71;
	}
	
	#leftPaneServices {
		background: #A09999;
		color: #fff;
	}
	
	#leftPaneServices a {
		color: #fff;
	}
	
	#leftPaneServices a img {
		vertical-align: middle;
		margin-right: 5px;
	}
	
	#appArea {
		padding: 20px;
	}
	#tableServices,
	#MenuTablesUser,
	#univTables {
		width: 99%;
	}
	#tableExtensions select {
		width: 150px;
		font-family: 'Montserrat', sans-serif;
	}
	fieldset {
		margin: 15px;
	}
	
	legend {
		display: block;
	}
	
	#MenuTablesUser {
		margin-top: 10px;
	}
	
	input[name="searchlastdate"] {
		max-height: 16px;
	}
	
	.highslide-container table td,
	.highslide-container table {
		border: 0 none !important;
	}
	input[type="number"] {
		border: 1px solid #ccc;
		padding: 5px;
	}
	#bottomdemenu input[type="image"] {
		border: 0 none;
	}
	#tableServices {
		margin-bottom: 10px;
	}
	
	span.classic {
		border: 1px solid #A9A9A9;
		background: #666;
		min-width: 100px;
	}
	
	.tooltip:hover span {
		right: 1em !important;
	}
	div.scrollmenu {
		background-color: #fefefe !important;
		overflow: auto;
		white-space: nowrap;
	}	
	.userdiv #servicestable tr:first-child th {
		background: #ecf0fa !IMPORTANT;
	}
	
	#servicestable td,
	#servicestable1 td,
	#servicestable2 td {
		padding: 10px 20px !important;
	}
	
	#servicestable td img {
		display: block;
		margin: 0 auto;
	}
	#servicestable.service_block_list tr:last-child td:hover img {
		transform: rotate(360deg);
		transition: 0.9s all;
	}	
	#servicestable th.service_block {
		padding: 25px 10px !important;
	}
	#accounttable .help {
		background: #666 !important;
		border: 1px solid #A9A9A9!important;
		color: #fff !important;
	}	
	@media screen and (max-width:1366px) {
		.extra_service th {
			width: 17.6%;
		}
		th input[type="text"],
		th input[type="date"],
		th select {
			max-width: 40%;
		}
	}
	
	.tooltip {
		border-bottom: 1px dotted #000000;
		color: #000000;
		outline: none;
		cursor: help;
		text-decoration: none;
		position: relative;
	}
	
	.tooltip span {
		margin-left: -999em;
		position: absolute;
	}
	
	.tooltip:hover span {
		border-radius: 5px 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
		font-family: Calibri, Tahoma, Geneva, sans-serif;
		position: absolute;
		right: 1em;
		top: 2em;
		z-index: 99;
		margin-left: 0;
		width: 250px;
	}
	
	.tooltip:hover img {
		border: 0;
		margin: -10px 0 0 -55px;
		float: left;
		position: absolute;
	}
	
	.tooltip:hover em {
		font-family: Candara, Tahoma, Geneva, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		display: block;
		padding: 0.2em 0 0.6em 0;
	}
	
	.classic {
		padding: 0.8em 1em;
	}
	
	.custom {
		padding: 0.5em 0.8em 0.8em 2em;
	}
	
	* html a:hover {
		background: transparent;
	}
	
	.classic {
		background: #8A2908;
		border: 1px solid #FFAD33;
	}
	
	.critical {
		background: #FFCCAA;
		border: 1px solid #FF3334;
	}
	
	.help {
		background: #9FDAEE;
		border: 1px solid #2BB0D7;
	}
	
	.info {
		background: #9FDAEE;
		border: 1px solid #2BB0D7;
	}
	
	.warning {
		background: #FFFFAA;
		border: 1px solid #FFAD33;
	}
	
	.tooltip:hover span.tooltip-right {
		left: 1em !important;
	}
	
	.modalpopup {
		display: none;
		overflow-y: auto;
		max-height: 80%;
		padding-top: 5%;
		padding-bottom: 5%;
	}
	
	header a:nth-of-type(1) img {
		margin-top: 10px;
		width: 160px !important;
		height: 100px !important;
		object-fit: fill;
	}
	
	.headerright ul li form input {
		opacity: 0;
	}
	/*#services table#servicestable:nth-child(1) tr:nth-child(1) th {
		background: #3330 !important;
		 color: #000 !important;
	}*/
	.service_block_list1 #servicestable h3 {
		color: #101d49;
		padding: 7px 7px;
	}
	.service_block_list1 #servicestable td {
		background: #101D49 !important;
	}
	table#tools td:nth-child(even):hover {
		background: none !important;
	}
	section table#tools td:hover::after {
		-webkit-transform: scale(1);
		transform: scale(1);
		border: 2px solid #000;
	}
	.service_block_list tr th {
		background: #101d49 !important;
	}
	
	table#search tr:hover {
		background: #eeeeee !important;
	}
	.service_block_list tr {
		background: #101D49 !important;
		border-radius: 15px !important;
	}
	.m2mtabs ul li a:before {
		position: absolute;
		/*content: "\f105";*/
		font-family: FontAwesome;
		color: #00aeef;
		margin-left: -14px;
		font-weight: 700;
		font-size: 17px;
	}
	
	.m2mtabs ul li:last-child {
		border-bottom: none;
	}
	.m2mtabs ul li a:hover {
		padding-left: 15px;
	}
	
	ul.servicetab_5 {
		padding: 15px 10px;
		width: 98%;
	}
	table#search th,
	td {
		padding: 100px;
		border-bottom: 2px solid #fff;
	}
	#accounttable1 img {
		width: 25px;
		margin-left: 10px;
		padding-top: 9px;
	}
	section table#accounttable1 th,
	td {
		padding: 10px 19px;
		border-bottom: 2px solid 3fff;
	}
	.generalservices ul li a {
		font-size: 22px;
		color: #000;
		font-weight: 600;
		line-height: 40px;
		text-transform: uppercase;
	} 
	.extra_service2 h3 {
     font-size: 14px;
    display: inline;
    padding-left: 5px;

	}
	#gerasearchuser input#callerid {
    width: 100% !Important;
    max-width: 350px !Important;
}
	
	.userdiv #servicestable th a {
		color: #000 !important;
	}
	
	.userdiv #servicestable th {
		color: #000 !important;
	}
	#services .extra_service2 {
		width: 95% !important;
	}
	
	.rightacc {
		margin: 2em 33px 0em 0em !important;
		box-shadow: 0px 0px 31px 1px rgb(216, 216, 216);
		padding-left: 0% !important;
		border-bottom: 4px solid #3ac47d;
		border-radius: 5px;
		min-height: 208px;
		padding-right: 0% !important;
	}
	
	.rightacc h2 {
		background: #096b9a;
	}
	.extra_service2 .fa {
		font-size: 18px;
		color: #000;
		font-weight: 500;
	}
	
	.extra_content01 .service_block_list th {
		color: #fff;
	}	
	.extra_content02 tfoot {
		background-color: #000;
	}
	button#flip1:before {  /*-------Home 3D button---------*/
		content: "\f080";
		position: absolute;
		top: 50%;
		height: 15px;
		width: 15px;
		transform: translateY(-50%);
		font-family: fontawesome;
		color: #fff;
		right: 81px;
	}
	
	button#flip1,
	button#flip2,
	button#flip3 {  /*-------Home 3D button---------*/
		position: relative;
	}
	
	button#flip2:before {  /*-------Home 3D button---------*/
		content: "\f201";
		position: absolute;
		top: 50%;
		height: 15px;
		width: 15px;
		transform: translateY(-50%);
		font-family: fontawesome;
		color: #fff;
		right: 81px;
	}
	
	button#flip3:before {  /*-------Home 3D button---------*/
		content: "\f1fe";
		position: absolute;
		top: 50%;
		height: 15px;
		width: 15px;
		transform: translateY(-50%);
		font-family: fontawesome;
		color: #fff;
		right: 81px;
	}
	
	button#flip1,
	button#flip2,
	button#flip3 {  /*-------Home 3D button---------*/
		color: #fff;
		position: relative;
		display: inline-block;
		padding: 15px;
		margin: 0 15px;
		background: #00a3da;
		cursor: pointer;
		-webkit-box-shadow: 1px 1px 0 #2c6679, 2px 2px 0 #2c6679, 3px 3px 0 #2c6679, 4px 4px 0 #2c6679, 5px 5px 0 #2c6679;
		-webkit-transition: all 0.1s linear;
		font-size: 15px;
		width: 350px;
	}
	
	button#flip1:hover,
	button#flip2:hover,
	button#flip3:hover {  /*-------Home 3D button---------*/
		-webkit-box-shadow: 1px 1px 0 #2c6679, 2px 2px 0 #2c6679, 3px 3px 0 #2c6679, 4px 4px 0 #2c6679, 5px 5px 0 #2c6679, 6px 6px 0 #2c6679, 7px 7px 0 #2c6679, 8px 8px 0 #2c6679, 8px 8px 0 #2c6679, 9px 9px 0 #2c6679, 10px 10px 0 #2c6679;
		-webkit-transform: translate3d(-5px, -5px, -5px);
	}
	#univTables td a {
		font-size: 13px;
		color: #000;
	}
	.extra_content04 table tr:nth-child(even) {
		background: transparent !important;
	}
	.extra_content04 input[type="checkbox"] {
		width: 15px;
		height: 15px;
	}
	
	#univTables .styled-select select {
		margin: 0px!important;
	}
	
	#univTables .styled-select {
		padding-top: 10px;
	}
	
	#univTables thead th {
		border-bottom: 1px solid #e2e5e8;
		font-size: 13px;
		color: #111;
		background: #eff3f6;
		text-transform: uppercase;
	}
	.userdiv table#usertable td a {
		font-size: 13px;
	}
	header span {
		margin: 22px 31px 0 0;
		width: auto;
		border-radius: 0;
		background: #fafafa;
		color: #ffffff;
		font-family: Montserrat;
		font-size: 14px;
		padding: 9px 11px;
		text-transform: uppercase;
		/*display: inline-block;*/
		float: right;
		z-index: 2;
		position: absolute;
		top: 19px;
		border: none !IMPORTANT;
		left: 256px;
		top: -20px;
		display: flex;
	}
	.account .btn-success {
		margin-left: 12% !important;
		margin-top: 25px !important;
		color: #fff;
		position: relative;
		display: inline-block;
		padding: 15px;
		margin: 0 15px;
		background: #00a3da;
		cursor: pointer;
		-webkit-box-shadow: 1px 1px 0 #2c6679, 2px 2px 0 #2c6679, 3px 3px 0 #2c6679, 4px 4px 0 #2c6679, 5px 5px 0 #2c6679;
		-webkit-transition: all 0.1s linear;
		font-size: 15px;
	}
	.account .sortable th {
		padding: 8px 20px !important;
		font-size: 13px !Important;
	}
	.account .sortable {
		width: 100% !Important;
	}
	
	.account .sortable td {
		padding: 6px !important;
	}
	@keyframes fa-blink {
		0% {
			opacity: 1;
		}
		50% {
			opacity: 0.4;
		}
		100% {
			opacity: 1;
		}
	}
	
	.on {
		color: green;
		-webkit-animation: fa-blink 3.75s ease-out infinite;
		font-size: 1.2em !important;
	}
	
	.of {
		color: red;
		font-size: 1.2em !important;
	}
	
	.ob {
		color: #f3a414;
		font-size: 1.2em !important;
	}
	
	div#modal-data {
		width: 45% !important;
		height: 50% !important;
		display: block;
		position: absolute;
		z-index: 99999;
		left: 0 !Important;
		margin: 0 auto !IMPORTANT;
		right: 0;
	}
	div#panel1 table#servicestable tr td,
	div#panel2 table#servicestable tr td {
		border-bottom: 1px solid #e0e0e0 !important;
		border-left: 1px solid #e0e0e0 !important;
	}
	#language img {
		height: 20px;
		width: 20px;
		padding-top: 10px;
	}
	
	th.testetable {
		width: 12%;
	}
	
	#addPageHomeTable img {
		margin-left: 5px;
	}
	#MenuTablesUser {
		width: 95%;
		margin: 0 auto;
	}
	.item,
	.logo {
		text-decoration: none;
		color: rgba(255, 255, 255, 0.7);
	}
	
	.sortable {
		width: 100%;
		margin: 0 auto;
	}
	.main-nav li {
		text-align: center;
		/*margin: 15px auto;*/
	}
	
	.logo {
		display: inline-block;
		font-size: 22px;
		margin-top: 10px;
		margin-left: 20px;
	}
	
	.navbar-toggle {
		position: absolute;
		top: 10px;
		right: 20px;
		cursor: pointer;
		color: rgba(255, 255, 255, 0.8);
		font-size: 24px;
	}
	
	.active {
		display: block;
	}
	
	.navbar-toggle {
		display: none;
	}
	div#panel1,
	div#panel2,
	div#panel3 {
		display: none;
	}
	
	.sortable .testetable {
		width: 150px;
	}
	.mobile-togler a {
		color: #fff;
	}
	/* popup table */
	
	table.popp-sectn {
		border-collapse: collapse;
	}
	
	table.popp-sectn,
	.popp-sectn td,
	.popp-sectn th {
		border: 1px solid black;
	}
	
	.popp-sectn td:first-child {
		text-align: center;
	}
	
	.popp-sectn tr:nth-child(even) {
		background: #fafafa !important;
	}
	
	.popp-sectn th,
	.popp-sectn td {
		padding: 6px 4px;
	}
	
	.popp-sectn td.submit-btn {
		text-align: center;
	}
	
	.highslide-header a {
		color: #fff;
	}
	.highslide-header li:hover {
		-webkit-box-shadow: 1px 1px 0 #2c6679, 2px 2px 0 #2c6679, 3px 3px 0 #2c6679;
	}
	/* master style sheet */
	a.specialeffects:hover {
		color: black;
		background-color: #ff7400;
	}
	#actRecordTables1 {
		border-left: 1px solid #a2c7ff;
		border-top: 1px solid #a2c7ff;
		width: 100%;
	}
	
	#actRecordTables1 th {
		color: #045bb4;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		height: 5px;
		background: url(../images/tableHeaderBg.png) repeat-x;
		border-right: 1px solid #a2c7ff;
		border-bottom: 1px solid #a2c7ff;
	}
	
	#actRecordTables1 td {
		color: #045bb4;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		height: 5px;
		border-right: 1px solid #a2c7ff;
		border-bottom: 1px solid #a2c7ff;
		text-align: center;
	}
	
	#actRecordTables2 {
		border-left: 1px solid #a2c7ff;
		border-top: 1px solid #a2c7ff;
		width: 100%;
	}
	
	#actRecordTables2 th {
		color: #045bb4;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		height: 5px;
		background: url(../images/tableHeaderBg.png) repeat-x;
		border-right: 1px solid #a2c7ff;
		border-bottom: 1px solid #a2c7ff;
	}
	
	#actRecordTables2 td {
		color: #045bb4;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		height: 5px;
		border-right: 1px solid #a2c7ff;
		border-bottom: 1px solid #a2c7ff;
		text-align: center;
	}
	
	#actRecordTables3 {
		border-left: 1px solid #a2c7ff;
		border-top: 1px solid #a2c7ff;
		width: 100%;
	}
	
	#actRecordTables3 th {
		color: #045bb4;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		height: 5px;
		background: url(../images/tableHeaderBg.png) repeat-x;
		border-right: 1px solid #a2c7ff;
		border-bottom: 1px solid #a2c7ff;
	}
	
	#actRecordTables3 td {
		color: #045bb4;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		height: 5px;
		border-right: 1px solid #a2c7ff;
		border-bottom: 1px solid #a2c7ff;
		text-align: center;
	}
	
	#actRecordTables4 {
		border-left: 1px solid #a2c7ff;
		border-top: 1px solid #a2c7ff;
		width: 100%;
	}
	
	#actRecordTables4 th {
		color: #045bb4;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		height: 5px;
		background: url(../images/tableHeaderBg.png) repeat-x;
		border-right: 1px solid #a2c7ff;
		border-bottom: 1px solid #a2c7ff;
	}
	
	#actRecordTables4 td {
		color: #045bb4;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		height: 5px;
		border-right: 1px solid #a2c7ff;
		border-bottom: 1px solid #a2c7ff;
		text-align: center;
	}
	
	#actRecordTables5 {
		border-left: 1px solid #a2c7ff;
		border-top: 1px solid #a2c7ff;
		width: 100%;
	}
	
	#actRecordTables5 th {
		color: #045bb4;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		height: 5px;
		background: url(../images/tableHeaderBg.png) repeat-x;
		border-right: 1px solid #a2c7ff;
		border-bottom: 1px solid #a2c7ff;
	}
	
	#actRecordTables5 td {
		color: #045bb4;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		height: 5px;
		border-right: 1px solid #a2c7ff;
		border-bottom: 1px solid #a2c7ff;
		text-align: center;
	}
	
	#appArea {
		margin-top: 2px;
		padding-bottom: 30px;
		width: 100%;
		float: left;
	}
	
	#appAreaHolder {
		border: 1px solid #D7D7D7;
		padding-bottom: 30px;
		margin-top: 21px;
		overflow: auto;
	}
	#appPageHomeMessageBox {
		background-color: #F0F9FF;
		border: 1px solid #D7D7D7;
		height: 45px;
		margin-top: 10px;
		padding-top: 10px;
		padding-left: 30px;
	}
	
	#appPageHomeTable {
		margin-left: 1px;
		margin-right: 1px;
	}
	
	#appPageHomeTableCaption {
		margin-top: 30px;
		height: 30px;
		margin-left: 30px;
		margin-right: 30px;
	}
	
	#appPageHomeTableFooter {
		height: 27px;
		margin-top: 21px;
		margin-left: 30px;
		margin-right: 30px;
	}
	
	.evenrow {
		background-color: #F3FAFF;
	}
	
	.headerFont a {
		color: #006cff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 7pt;
		font-weight: bold;
	}
	
	.headerFont {
		color: #f26522;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11pt;
		font-weight: bold;
		border-bottom: 1px dashed #f26522;
		width: 100%;
		padding-bottom: 3px;
	}
	
	.hshyperlink {
		text-decoration: none;
		color: #045bb4;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		height: 27px;
	}
	
	#leftPaneHolder {
		border: 0px solid #CCC;
		border-right: 1px solid #CCC;
		background-color: #f0f9ff;
		height: 650px;
		margin-left: 1px;
		margin-right: 1px;
		margin-top: 5px;
		width: 149px;
	}
	
	#leftPaneseperator {
		text-align: center;
		width: 15px;
		margin-top: 25px;
		padding-top: 12px;
		padding-bottom: 12px;
		background-color: #CCC;
		color: #666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 7pt;
		font-weight: bold;
	}
	
	#leftPaneServices {
		height: 39px;
		width: 148px;
		border-bottom: #000;
		border-bottom: 1px solid #CCC;
		margin-left: 0px;
		font-size: 7pt;
	}
	
	#leftPaneServices a {
		margin-left: 5px;
		text-indent: 5px;
		text-decoration: none;
		color: #006cff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 7pt;
		font-weight: bold;
	}
	
	#navBar {
		height: 66px;
		background: url(../images/navBar_bg.png);
		background-repeat: repeat-x;
	}
	
	#navBarButtons {
		height: 66px;
		width: 166px;
		padding-top: 27px;
		padding-left: 70px;
		width: 110px;
	}
	
	.oddrow {
		background-color: #FFF;
	}
	
	.paginationText {
		text-decoration: none;
		color: #045bb4;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 7pt;
		font-weight: bold;
	}
	
	.paginationTextCurrent {
		text-decoration: none;
		color: #b04200;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: bold;
	}
	
	#rightPaneBottomBox {
		padding-top: 7px;
		width: 100%;
		border: #999;
	}
	
	#rightPaneHeaderBox {
		width: 100%;
		height: 17px;
		color: #FF6600;
		margin-top: 0px;
		padding-top: 3px;
		padding-left: 6px;
		padding-bottom: 12px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 7pt;
		font-weight: bold;
		background-color: #F0F9FF;
		border: 0px solid #E1E1E1;
	}
	
	#rightPaneHolder {
		height: 650px;
		width: 900px;
		margin-top: 5px;
		margin-right: 0px;
	}
	#selectBox {
		width: 150px;
		padding: 5px;
		font-size: 12px;
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
		color: #585858;
	}
	
	.selectBox {
		width: 150px;
		font-size: 12px;
		background: #fff;
		border: 1px solid #c0c0c0;
		color: #585858;
	}
	.textboxError {
		width: 150px;
		font-size: 12px;
		background: #e4e5e5;
		border: 1px solid #c0c0c0;
		color: #585858;
	}
	
	#textBox {
		width: 150px;
		height: 15px;
		font-size: 7pt;
	}
	#tableExtensions input[type=text],
	textarea {
		border-style: inset;
		border-width: 1px;
	}
	
	#tableHeaderTop {
		width: 30%;
		color: #006cff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 7pt;
		font-weight: bold;
	}
	
	#tableNavBar {
		width: 100%;
		height: 66px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11pt;
		font-weight: bolder;
		padding-left: 30px;
	}
	
	#tableNavBar tr td a {
		color: #F9A44F;
		text-decoration: none;
	}
	
	#tableNavBar tr td a:hover {
		color: #FFF;
		text-decoration: none;
	}
	
	#tableNavBar tr td {}
	
	#tableServicesView {
		float: right;
	}
	
	#tableServicesView a {
		text-decoration: none;
		font: Arial, Helvetica, sans-serif;
		font-size: 15pt;
		font-weight: bold;
		color: #CCC;
	}
	
	#ServiceInfo {
		border: 0px solid #a2c7ff;
		width: 100%;
	}
	
	#ServiceInfo th {
		color: #045bb4;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		height: 20px;
		background: url(../images/tableHeaderBg.png) repeat-x;
		table-layout: fixed;
		break-word: word-wrap;
	}
	
	#ServiceInfo td {
		color: #006cff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 7pt;
		height: 7px;
		text-align: left;
		font-weight: bold;
		table-layout: fixed;
		break-word: word-wrap;
	}
	
	#ServiceInfo td a {
		color: #006cff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 7pt;
		text-align: left;
	}
}
table#servicestable1 {
	width: 95%;
	margin: 0 auto !IMPORTANT;
	float: none !IMPORTANT;
}
table#servicestable2 {
	width: 95%;
	float: none !important;
	margin: 0 auto !IMPORTANT;
}
#univTables {
	border-left: 1px solid #a2c7ff;
	border-top: 1px solid #a2c7ff;
	width: 100%;
}
#univTables td a {
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
}
#univTables1 {
	width: 100%;
	margin-bottom: 5px;
}
#univTables1 th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	height: 7px;
	background-color: #FFFFCC;
	border-top: 0px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	border-left: 0px solid #a2c7ff;
	border-right: 1px solid #a2c7ff;
}
#univTables1 td {
	color: #005cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	height: 12px;
	text-align: center;
	font-weight: bold;
	border-top: 0px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	border-left: 0px solid #a2c7ff;
	border-right: 1px solid #a2c7ff;
}
#univTables1 th a {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
}
#univTables1 td a {
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
}
#topHeader {
	height: 21px;
}
#wrapApp {
	margin-left: 60px;
	width: 1060px;
}
#wrapperTop {
	margin: 0px auto;
	width: 1200px;
	background: url(../images/wrapper_bg.png);
	background-repeat: repeat-y;
}
#MenuTables {
	border-left: 0px solid #a2c7ff;
	border-top: 0px solid #a2c7ff;
	border-right: 0px solid #a2c7ff;
	border-bottom: 0px solid #a2c7ff;
	width: 100%;
}
#MenuTables th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	height: 20px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 0px solid #a2c7ff;
	border-bottom: 0px solid #a2c7ff;
	width: 22%;
}
#MenuTables td {
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	height: 22px;
	border-left: 2px solid #a2c7ff;
	border-top: 2px solid #a2c7ff;
	border-right: 2px solid #a2c7ff;
	border-bottom: 2px solid #a2c7ff;
	padding-right: 60px;
	text-align: center;
	font-weight: bold;
	width: 33%
}
#MenuTables td a {
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align=center;
	padding-right: 60px;
}
#MenuTablesUser {
	border-left: 1px solid #a2c7ff;
	border-top: 1px solid #a2c7ff;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	width: 100%;
}
#MenuTablesUser th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	height: 17px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 0px solid #a2c7ff;
	border-bottom: 0px solid #a2c7ff;
}
#ModulesTables {
	border-left: 0px solid #a2c7ff;
	border-top: 0px solid #a2c7ff;
	width: 100%;
}
#ModulesTables th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	height: 7px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 0px solid #a2c7ff;
	border-bottom: 0px solid #a2c7ff;
	width: 22%;
}
#ModulesTables td {
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	height: 7px;
	background-color: #C2EBFF;
	border-right: 0px solid #a2c7ff;
	border-bottom: 0px solid #a2c7ff;
	text-align: center;
	font-weight: bold;
}
#ModulesTables td a {
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
}

/* SPINNER 
#work-in-progress {
	position: fixed;
	width: 100%;
	height: 100%;
	font-size: 150px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	z-index: 200000;
	background-color: #ffffff00;
}*/
.work-spinner {
	background-color: rgb(255, 255, 255);
	border: 3px solid rgba(27, 61, 226, 0.9);
	opacity: .9;
	border-left: 5px solid rgba(0, 0, 0, 0);
	border-radius: 100px;
	-webkit-box-shadow: 0 0 35px #1B3DE2;
	box-shadow: 0 0 30px #1B3DE2;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	-moz-animation: spin .5s infinite linear;
	-webkit-animation: spin .5s infinite linear;
	-o-animation: spin .5s infinite linear;
	animation: spin .5s infinite linear;
}
@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}
	
	to {
		-moz-transform: rotate(360deg);
	}
}
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	
	to {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	
	to {
		transform: rotate(360deg);
	}
}
@-o-keyframes spin {
	from {
		transform: rotate(0deg);
	}
	
	to {
		transform: rotate(360deg);
	}
}

/*--------------------*/
#loader {
	position: absolute;
	/* You need position relative at least. */
	
	height: 16px;
	width: 180px;
	top: 50%;
	left: 0%;
	/*margin-top: -8px;
  */
	/*margin-left: -90px;*/
	
	overflow: hidden;
	width: 95%;
	margin: 0 auto;
	right: 0;
}
#loader p.layers {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	top: 0;
	right: 0;
}
.layers:nth-of-type(1) {
	background-color: #A9A9A9;
	z-index: 102;
}
.layers:nth-of-type(2) {
	background-color: #FF2;
	z-index: 101;
}
.layers:nth-of-type(3) {
	background-color: #D3D3D3;
	z-index: 100;
}
table.newstyle {
	box-shadow: 0px 0px 31px 1px rgb(216, 216, 216);
	width: 90%;
	margin: 0 auto;
	border-collapse: collapse;
	border-radius: 5px;
	overflow: hidden;
	font-size: 14px !IMPORTANT;
}
table.newstyle td {
	padding: 10px 14px;
}
table.newstyle input {
	border: 1px solid #ccc !important;
}
.extra_content04 img {
	width: unset !important;
}
/* CSS for icons */
/*help1*/
.fa-question-circle.qu-circle:before {
	font-size: 20px;
	color: #2fb0b1;
}
/*err*/
.fa-exclamation-circle.exlm-err:before {
	padding: 4px;
	color: #b11f1f;
}

/*circle green and gray*/
.fa-circle.green-circle:before {
	color: #84b306e3;
}
.fa-circle.gray-circle:before {
	color: #43424100;
	font-size: 12px;
	padding: 2px 3px;
	background: linear-gradient(1deg, black, #0000007a);
	border-radius: 20px;
}
/*Chart*/
.fa-circle.multi-clr-icn:before {
	background: conic-gradient( from 0deg, #ea4335 72deg, #4285f4 72deg 144deg, #34a853 144deg 216deg, #fbbc05 216deg 288deg, #f18a1f 288deg 360deg) 73% 55%/150% 150% no-repeat;
	font-size: 12px;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
#panel1 #servicestable tr:first-child th ,#panel2 #servicestable tr:first-child th{
  color:#000 !important;
}
.extra_content01 .sortable tbody>tr>:nth-child(6) {
	width: 1%;
}
.extra_content01 .sortable tbody>tr>:nth-child(13) {
	width: 8%;
}
.wrapper {
	width: 100%;
	position: relative;
	left: 0;
	top: 0;
}
#loading {
	width: 5%;
	height: 15%;
	top: 50px;
	left: 0px;
	position: fixed;
	display: block;
	opacity: 0.4;
	background-color: #fff;
	z-index: 99;
	text-align: center;
}
#loading-image {
	position: absolute;
	top: 100px;
	left: 300px;
	z-index: 100;
}
.container {
	width: 800px;
	margin: 0 auto;
}
.container02 {
	width: 1153px;
	margin: 0 auto;
}
center {
	margin-top: 7%;
}
center.searchdd {
	margin-top: 0;
}
ul.servicetab_6 li a {
	/* services topbutton-color*/
	
	background: #00a3da;
	border: 1px solid #00a3da;
	background-color: #01aeef;
	box-shadow: 0 0 0 1px #00aeef inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 rgba(102, 164, 178, .6), 0 8px 0 1px rgba(0, 0, 0, .4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
	position: relative;
	padding: 10px 30px;
	color: white;
	border-radius: 6px;
	text-align: center;
	transition: top .01s linear;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
	font-size: 15px;
	display: block;
}
#servicestable tr:first-child th {
	background: #101D49 !important;    /*tableheading background*/
	padding: 8px 6px !important;
	margin-bottom: 15px !important;
	border-right: 0px solid #5c5353 !important;
	font-size: 12px;
	color: #fff !important;
	font-weight: 500;
}
img.logo {
	display: block;
	margin-bottom: 30px;
}
fieldset#loginbox {
	width: 397px;
}
form#loginForm {
	display: block;
	margin: 3px 0 0 0;
	width: 396px;
}
form#loginForm label {
	color: #dc7821;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
	font-family: 'Montserrat', sans-serif;
	font-size: 25px;
	line-height: 30px;
}
form#loginForm input {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 25px;
	color: #585858;
}
form#loginForm input[type="text"] {
	background: url(../images/username.png) no-repeat 97% #faf6f1;
	border: 1px solid #bbb2a6;
	padding: 9px;
	border-radius: 5px;
	margin-bottom: 0px;
	color: #585858;
	width: 372px;
}
form#loginForm input[type="password"] {
	background: url(../images/key.png) no-repeat 97% #faf6f1;
	border: 1px solid #bbb2a6;
	border-radius: 5px;
	color: #585858;
	margin-bottom: 0px;
	padding: 9px;
	width: 372px;
}
form#loginForm span {
	float: left;
	font-size: 13px;
	color: #5b5a5a;
	padding-top: 10px;
}
form#loginForm span input[type="checkbox"] {
	margin: 0px 7px 0 0;
	position: relative;
	top: 2px;
	font-size: 12px;
}
form#loginForm button {
	display: block;
	float: right;
	margin: 10px 0 0 5px;
	padding: 6px 39px;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
	background: #FF9E71;
	/* Old browsers */
	
	background: -moz-linear-gradient(top, #FF9E71 0%, #383838 100%);
	/* FF3.6+ */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF9E71), color-stop(100%, #383838));
	/* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(top, #FF9E71 0%, #383838 100%);
	/* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(top, #FF9E71 0%, #383838 100%);
	/* Opera 11.10+ */
	
	background: -ms-linear-gradient(top, #FF9E71 0%, #383838 100%);
	/* IE10+ */
	
	background: linear-gradient(to bottom, #FF9E71 0%, #383838 100%);
	/* W3C */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc7821', endColorstr='#383838', GradientType=0);
	/* IE6-9 */
}
form#loginForm button:hover {
	background: #51504e;
}
form#loginForm h3 {
	float: right;
	font-size: 13px;
	margin: 10px 0 0 0;
	color: #484848;
}
form#loginForm h3 a {
	color: #df7521;
	font-size: 12px;
}
form#login {
	display: block;
	margin: 20px 0 0 0;
	width: 350px;
	font-size: 12px;
}
form#login label {
	color: #dc7821;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
	font-family: 'Montserrat', sans-serif;
	font-size: 25px;
	line-height: 30px;
}
form#login input {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 25px;
	color: #585858;
}
form#login input[type="text"] {
	background: url(../images/username.png) no-repeat 97% #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 25px;
	color: #585858;
	width: 320px;
}
form#login input[type="password"] {
	background: url(../images/key.png) no-repeat 97% #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 25px;
	color: #585858;
	width: 320px;
}
form#login span {
	float: left;
	font-size: 13px;
	color: #5b5a5a;
	padding-top: 10px;
}
form#login span input[type="checkbox"] {
	margin: 0px 7px 0 0;
	position: relative;
	top: 2px;
}
form#login button {
	display: block;
	float: right;
	padding: 10px 35px;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
	background: #dc7821;
	/* Old browsers */
	
	background: -moz-linear-gradient(top, #dc7821 0%, #383838 100%);
	/* FF3.6+ */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dc7821), color-stop(100%, #383838));
	/* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(top, #dc7821 0%, #383838 100%);
	/* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(top, #dc7821 0%, #383838 100%);
	/* Opera 11.10+ */
	
	background: -ms-linear-gradient(top, #dc7821 0%, #383838 100%);
	/* IE10+ */
	
	background: linear-gradient(to bottom, #dc7821 0%, #383838 100%);
	/* W3C */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc7821', endColorstr='#383838', GradientType=0);
	/* IE6-9 */
}
form#login button:hover {
	background: #51504e;
}
form#login h3 {
	float: right;
	font-size: 13px;
	margin: 22px 0 0 0;
	color: #484848;
}
form#login h3 a {
	color: #df7521;
}
center h5 {
	color: #5e5e5e;
	margin: 25px 0 0 0;
}
center h5 a {
	color: #e66f21;
}
section {
	float: left;
	margin: 10px 0 0 0;
	width: 100%;
}
section input {
	background: #fff;
	float: left;
	padding: 12px 0;
	border-radius: 5px;
	color: #585858;
	margin-right: 7px;
}
form#servicesmenu input {
	border: 1px solid #ccc;
}
#telphonedetails {
	width: 100%;
}
.combo_img {
	border: none;
	float: left;
	width: 24px;
	margin-top: 12px;
	margin-left: 19px;
}
section select {
	font-family: 'Montserrat', sans-serif;
	background: #ffffff;
	color: #585858;
	width: 98%;
}
#fund {
	padding: 8px;
	font-family: 'Montserrat', sans-serif;
}
#servicestable tr:first-child {
	border-top: 1px solid #ccc !important;
}
section select#protocoledit {
	border: thin;
	inline-block left: 2%;
	margin-right: -34px;
	width: 77%;
}
section input[type="submit"] {
	float: left;
	padding: 9px 12px;
	border: 0;
	color: #fff;
	margin-left: 10px;
	margin-top: 1px;
	cursor: pointer;
	border-radius: 0;
	background: #5E5E5E;
	width: 100px;
	margin-bottom: 0;
	/*Guigo*/
	
	display: inline-block;
	border: 0 none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
	padding: 5px 0;
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
}
table#servicestable.service_block_list1 tr:last-child td:last-child tr th {
	padding: 25px 10px !important;
}
section table {
	width: 95%;
	border: 1px solid #EBEBEB;
	margin-bottom: 15px;
	margin-top: 6px;
	background: #FFF1E4;
	border-collapse: collapse;
	font-size: 14px;
	margin: 0px auto;
}
section em {
	width: 100%;
	float: left;
	color: #505151;
	margin: 7px 0;
	font-size: 20px;
	background-color: #FF9E71;
	padding: 8px 0 8px 0;
	text-align: center;
	border-radius: 6px;
}
#listtop {
	width: 98%;
	float: left;
	margin-bottom: 15px;
	margin-top: 17px;
	font-size: 13px;
	background-color: #FF9E71;
	border: 1px solid #FFCEA8;
}
#listtop th {
	border: none;
	padding: 10px 0 10px 10px;
	text-align: left;
	color: #464646;
	font-weight: normal;
}
#listtop td {
	padding: 10px 0 10px 10px;
	text-align: left;
	color: #464646;
}
#listtop2 {
	width: 98%;
	float: left;
	margin-bottom: 15px;
	margin-top: 17px;
	font-size: 13px;
	background-color: #FF9E71;
	border: 1px solid #FFCEA8;
}
#listtop2 th {
	border: none;
	padding: 10px 0 10px 10px;
	text-align: left;
	color: #464646;
	font-weight: normal;
}
#listtop2 td {
	padding: 10px 0 10px 10px;
	text-align: left;
	color: #464646;
}
#servicestable .selectBox {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #c0c0c0;
	color: #585858;
	float: left;
	font-size: 12px;
	width: 48%;
}
.international {
	float: left;
}
.brasil {
	float: right;
}
section label:first-child {
	margin-left: 3.7%;
	margin-bottom: -4px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #383838;
}
div.a2billing {
	float: left;
	margin: 80px 0 0 0;
	width: 100%;
}

/**********************************Main PAGE**********************************/
body.inner {
	background: #fff;
}
.prefix {
	width: 100%;
	min-height: 205px;
	border: 0;
}
header a:nth-of-type(2) {
	display: inline-block;
	float: left;
	max-width: 245px;
}
header.fix {
	width: 100%;
	background: #383838;
	border-top: 10px solid #000;
	float: left;
	position: fixed;
	z-index: 2;
}
header span small {
	margin-right: 0px;
}
header span.one {
	color: #fff;
	font-size: 13px;
	margin: 15px 0 0 0;
	float: left;
	width: 18%;
}
header span.one small {
	margin-right: 30px;
}
header span b {
	color: #333;
	margin-left: 300px;
	position: relative;
}
.headerright ul li:first-child {
	border: none;
}
.headerright li form {
	display: inline-block;
	height: 55px;
	line-height: 65px;
	width: 47px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.headerright li form::before {
	position: absolute;
	content: "\f015";
	font-size: 20px;
	font-family: "FontAwesome";
	color: #FFF;
	line-height: 33px;
	z-index: -1;
	left: calc(50% - 9px);
}
.headerright li form {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	width: 45px;
}
#demo {
	font-size: 16px;
	color: #fff;
	margin-right: 12px;
	margin-left: 52px;
}
nav {
	background: url(../images/navbg.jpg) repeat-x;
	float: left;
	width: 100%;
	padding-left: 38px;
}
nav ul {
	float: left;
	width: 100%;
}
nav ul li {
	float: left;
	margin: 0 3%;
}
nav ul li a {
	color: #656367;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	margin: 20px 0 20px 55px;
	display: block;
	text-align: center;
	padding: 10px;
	border: 1px solid #E9E9E9;
	border-radius: 10px;
	width: 95px;
}
nav ul li a:hover {
	color: #383838;
}
nav ul li:nth-child(1) {
	background: url(../images/homeicn.png) no-repeat left;
	margin-right: 0;
}
nav ul li:nth-child(2) {
	no-repeat left;
	margin-right: 0;
}
nav ul li:nth-child(3) {
	no-repeat left;
	margin-right: 0;
}
nav ul li:nth-child(4) {
	no-repeat left;
	margin-right: 0;
}
nav ul li:nth-child(5) {
	no-repeat left;
	margin-right: 0;
}
nav ul li:nth-child(6) {
	no-repeat left;
	margin-right: 0;
}
nav ul li:nth-child(7) {
	no-repeat left;
	margin-right: 0;
}
section table#usertable {
    float: none !important;
    margin-bottom: 15px;
    color: #FFF;
    font-size: 14px;
    width: 100%;
    margin: auto;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px 0 rgba(43, 43, 43, 0.1), 0 11px 6px -7px rgba(43, 43, 43, 0.1);
    box-shadow: 0 0 5px 0 rgba(43, 43, 43, 0.1), 0px 14px 6px -7px rgba(43, 43, 43, 0.1);
    transition: all 0.3s ease-in-out;
    max-width: 99%;
}
section table#usertable th a {
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
}
section table#usertable td a:hover {
	color: #FF9E71;
}
table#usertable img.offline {
	margin-right: 10px;
}
table#usertable span.panelcon {
	position: relative;
	display: inline-block;
	top: -12px;
	color: #FFF;
}

/**********************************Services PAGE**********************************/
ul.servicetab_1 {
	padding-left: 49px;
	padding-top: 10px;
	border-bottom: none;
}
ul.servicetab_2 li {
	float: left;
	margin-right: 20px;
	width: 48%;
}
ul.servicetab_2 li:last-child {
	margin-right: 0;
}
ul.servicetab_3 {
	padding-left: 49px;
	padding-top: 10px;
	border-bottom: none;
}
ul.servicetab_3 li {
	float: left;
	margin-right: 15px;
	width: 32%;
}
ul.servicetab_3 li:last-child {
	margin-right: 0;
}
ul.servicetab_3 li a {
	background: #00a3da;
	border: 1px solid #00a3da;
	background-color: #01aeef;
	box-shadow: 0 0 0 1px #00aeef inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 rgba(102, 164, 178, .6), 0 8px 0 1px rgba(0, 0, 0, .4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
	position: relative;
	padding: 10px 30px;
	color: white;
	border-radius: 6px;
	text-align: center;
	transition: top .01s linear;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
	font-size: 15px;
	display: block;
}
ul.servicetab_4 {
	padding-left: 10px;
	padding-top: 10px;
	border-bottom: none;
}
ul.servicetab_4 li {
	float: left;
	margin-right: 16px;
	width: 24%;
}
ul.servicetab_4 li:last-child {
	margin-right: 0;
}
ul.servicetab_4 li a {
	background: #00a3da;
	border: 1px solid #00a3da;
	background-color: #01aeef;
	box-shadow: 0 0 0 1px #00aeef inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 rgba(102, 164, 178, .6), 0 8px 0 1px rgba(0, 0, 0, .4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
	position: relative;
	padding: 10px 30px;
	color: white;
	border-radius: 6px;
	text-align: center;
	transition: top .01s linear;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
	font-size: 15px;
	display: block;
}
ul.servicetab_5 {
	float: left;
	width: 100%;
	padding: 10px;
	padding-left: 54px !important;
}
ul.servicetab_5 li {
	float: left;
	margin-right: 29px;
	width: 18%;
}
ul.servicetab_5 li:last-child {
	margin-right: 0;
}
ul.servicetab_6 li:last-child {
	margin-right: 0;
}
section#services {
	float: none !important;
	display: inline-block !important;
	width: 100% !important;
	text-align: center;
	padding-top: 10px;
}
.btn.btn-success::after {
	content: "\f1c3";
	font-family: "FontAwesome";
	font-size: 16px;
	margin-left: 11px;
}
.btn.btn-success::before {
	font-family: 'Montserrat', sans-serif;
	content: "Download the Sheet";
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .5px;
}
section table#servicestable th,
section table#servicestable tr {
	border-bottom: none !important;
}
#servicestable1 {
	border-collapse: collapse;
	border-top: none !important;
}
#servicestable1 th,
#servicestable1 td {
	text-align: left;
	vertical-align: middle;
	padding: 14px 20px !important;
}
#servicestable2 th,
#servicestable2 td {
	text-align: left;
	vertical-align: middle;
	padding: 14px 20px !important;
}
#audit {
	border-collapse: collapse;
    border-top: none !important;
    width: 100%;
    max-width: 99%;
    margin: 0 auto;
    border-radius: 6px;


}
#audit th {
	background: #A9A9A9;
	color: #fff;
	border-right: 1px solid rgba(0, 0, 0, .1) !important;
	text-align: center;
}
#servicestable2 {
	border-collapse: collapse;
	border-top: none !important;
}
.btn.btn-success img {
	display: none;
}
.extra_content01 .btn-success {
	width: auto;
	border: 1px solid;
	border-radius: 32px;
	padding: 18px 34px;
	margin: 30px 30px 80px 0 !important;
	background: #ff905c;
	transition: all .3s ease-in-out;
}
.extra_content01 .btn-success:hover {
	background: #fefefe;
	border: 1px solid #ff905c;
	color: #ff905c;
}
section table#servicestable {
	float: none !important;
	width: 100% !important;
	margin: auto !important;
	border-collapse: collapse;
    border: none !important;
    background: #FFF !important;
    font-size: 9px;
    font-family: 'Montserrat', sans-serif;
    max-width: 99%;
}
.serviceleft ul li:first-child a {
	position: relative;
	z-index: 1;
}
.serviceleft ul li:first-child a::before {
	content: "";
	width: 0;
	left: 0;
	background: #FF9E71;
	height: 100%;
	right: 0;
	position: absolute;
	top: 0;
	z-index: -1;
	transition: all .3s ease-in-out;
}
.serviceleft ul li:first-child a:hover::before {
	width: 100%;
}
.serviceleft ul li {
	width: auto !important;
	padding: 0 !important;
	float: none !important;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 10px;
}
.serviceleft ul li:hover {
	cursor: pointer;
}
.serviceleft ul li a img {
	position: relative;
	top: -3px;
	margin-right: 2%;
}
.serviceleft:before,
.serviceleft:after {
	content: " ";
	/* 1 */
	
	display: table;
	/* 2 */
}
.serviceleft:after {
	clear: both;
}
.serviceleft ul li a {
	color: #686868;
	background: #FF9E71;
	padding: 22px 14px;
	display: block;
	font-size: 12px;
	height: 31px;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
}
.serviceleft ul li a:hover {
	color: #383838;
}
.serviceright {
	float: left;
	width: 81.5%;
	margin: 0 0 0 0;
}
ul.servicetab2 {
	float: left;
	width: 360px;
	margin-top: 5px;
	margin-left: 2%;
}
ul.servicetab2 li {
	float: left;
	margin-right: 15px;
	padding: 5px 0 0 0;
}
ul.servicetab2 li a.left {
	float: left;
	position: relative;
	background: none;
	border: 0;
}
ul.servicetab2 li a img {
	float: left;
	margin: -2px 0 0 0;
}
ul.servicetab2 li:last-child {
	margin-right: 0;
}
ul.servicetab2 li a {
	text-align: center;
	display: block;
	padding: 12px 0;
	text-decoration: underline;
	font-size: 12px;
	color: #fff;
}
ul.servicetab2 li a:hover {
	color: #f5c701;
}
.styled-select {
	float: left;
	font-size: 10px;
	height: 26px;
	margin-right: 0;
	overflow: hidden;
	width: 100%;
}
.styled-select select {
	background: #fff !important;
	-moz-appearance: none;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	color: #464646;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	height: 100%;
	overflow: hidden;
	padding: 0;
	text-indent: 0;
	width: 86%;
}
.styled-select option.service-small {
	font-size: 15px;
	padding: 5px;
	background: #D8D8D8;
}
section table#servicestable th:first-child:hover img {
	transform: rotate(360deg);
	transition: 0.6s;
	cursor: pointer;
}
section table#servicestable th {
	text-align: center;
}
section table#servicestable td a {
	font-weight: normal;
	width: 100%;
}
section table#servicestable td img {
	display: inline-block;
	margin: auto;
	vertical-align: middle;
}
#servicestable .sorttable_nosort {
	width: 32px;
}
section table#servicestable td img.info {
	position: relative;
	float: right;
	left: 0;
}
section table#servicestable1 {
	float: left;
	border: 1px solid #FFE3BB;
	margin-bottom: 15px;
	background: #FFF5E9;
	font-size: 13px;
	margin: 5px 0 0 0;
	font-family: 'Montserrat', sans-serif;
}
section table#servicestable1 th {
	border-left: 1px solid #FFE3BB;
	padding: 0px;
	text-align: center;
	background: #E8E8E8;
}
section table#servicestable1 th:first-child {
	border-left: 0;
}
section table#servicestable1 td {
	border: 1px solid #FFE3BB;
	border-right: 1px solid #FFE3BB;
	padding: 5px 5px 0px 5px;
	color: #464646;
	width: -1%;
	padding: 10px 20px !important;
}
section table#servicestable2 {
	float: left;
	border: 1px solid #FFE3BB;
	margin-bottom: 15px;
	background: #FFF5E9;
	font-size: 13px;
	margin: 5px 0 0 0;
	font-family: 'Montserrat', sans-serif;
}
section table#servicestable2 th {
	border-left: 1px solid #FFE3BB;
	padding: 0px;
	text-align: center;
	background: #E8E8E8;
}
section table#servicestable2 th:first-child {
	border-left: 0;
}
section table#servicestable2 td {
	border: 1px solid #FFE3BB;
	border-right: 1px solid #FFE3BB;
	padding: 5px 5px 0px 5px;
	color: #464646;
	width: -1%;
}
#univTables1 select {
	margin: 0;
	font-size: 7pt;
	font-weight: bold;
}
progress {
	width: 9em;
}
#univTables1 select.m2mip {
	width: 100px;
	font-size: 7pt;
	font-weight: bold;
}
.m2mtable {
	margin-bottom: 10;
}
select[name="carriers"] {
	border: 1px solid #A0A0A0;
	border-radius: 20px;
	color: #585858;
	float: left;
	margin-bottom: 5px;
	padding: 8px;
	width: 160px;
	max-width:100% !important;
}
input[name="searchcid"] {
	border: 1px solid #A0A0A0;
	border-radius: 20px;
	color: #585858;
	float: left;
	margin-bottom: 5px;
	padding: 8px;
	width: 140px;
}
input[name="searchdesc"] {
	border: 1px solid #A0A0A0;
	border-radius: 20px;
	color: #585858;
	float: left;
	margin-bottom: 0px;
	padding: 8px;
	width: 140px;
}
input[name="searchmrc"] {
	border: 1px solid #A0A0A0;
	border-radius: 20px;
	color: #585858;
	float: left;
	margin-bottom: 5px;
	padding: 8px;
	width: 140px;
}
input[name="searchinstdate"] {
	border: 1px solid #A0A0A0;
	border-radius: 20px;
	color: #585858;
	float: left;
	margin-bottom: 5px;
	padding: 8px;
	width: 140px;
}
input[name="searchiccid"] {
	border: 1px solid #A0A0A0;
	border-radius: 20px;
	color: #585858;
	float: left;
	margin-bottom: 0px;
	padding: 8px;
	width: 140px;
}
input[name="searchlastdate"] {
	border: 1px solid #A0A0A0;
	border-radius: 20px;
	color: #585858;
	float: left;
	margin-bottom: 5px;
	padding: 8px;
	width: 140px;
}
input[name="searchpercent"] {
	border: 1px solid #A0A0A0;
	border-radius: 20px;
	color: #585858;
	float: left;
	margin-bottom: 5px;
	padding: 8px;
	width: 140px;
}
input[name="searchcredit"] {
	border: 1px solid #A0A0A0;
	border-radius: 20px;
	color: #585858;
	float: left;
	margin-bottom: 5px;
	padding: 8px;
	width: 140px;
}
section.userdiv input[type="image"] {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0;
	cursor: pointer;
	margin-right: 15px;
}

/**********************************User account PAGE**********************************/
section table#accounttable {
	float: none;
	border: 1px solid #FFE3BB;
	margin-top: 15px;
	background: #FFF5E9;
	font-size: 14px;
	width: 100%;
    max-width: 99%;
}
section table#accounttable th {
	border-bottom: 2px solid #c0c0c5;
	background: #3e3e3e;
	text-align: left;
	padding: 10px;
	color: #ffffff;
}
section table#accounttable th a {
	color: #fff;
	font-size: 16px;
}
section table#accounttable td {
	border-bottom: 1px solid #FFE3BB;
	border-right: 1px solid #FFE3BB;
	text-align: left;
	padding: 10px;
	font-family: 'Montserrat', sans-serif;
	color: #464646;
	font-size: 14px;
	text-transform: capitalize;
}
#accounttable th a img {
	margin-right: 5px;
}
section table#accounttable td a {
	color: #1f9ed3;
}
section table#accounttable td a:hover {
	color: #383838;
}
section table#accounttable td b {
	float: left;
	width: 45%;
}
fieldset#language form {
	float: left;
}
fieldset#language select.account {
	font-family: 'Montserrat', sans-serif;
	width: 150px;
}
ul.useracctab {
	width: 100%;
	font-size: 14px;
	border-right: 2px solid #76c2af;
	margin-left: 0%;
	margin: 0 auto;
	padding-top: 15px;
	max-width: 99%;
}
ul.useracctab li {
	float: left;
	width: 11.8%;
	border-right: 1px solid #3b4657;
	text-align: center;
	border: 0 none;
	margin: 1px;
}
ul.useracctab li:last-child {
	border-right: 0;
}
ul.useracctab li a {
	padding: 10px 10px;
	background: #00a3da;
	display: block;
	color: #fff;
	text-align: center;
	border-radius: 3px;
    margin-right: 5px;
    font-family: 'Montserrat', sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
ul.useracctab li a:hover {
	background: #ff905c;
}
fieldset#accountdetails {
	width: 100%;
	margin-bottom: 30px;
}
.leftacc label {
	float: left;
	width: 35%;
	padding: 6px 0;
	color: #2a2a2a;
}
.leftacc input {
	width: 45%;
	padding: 8px;
	margin-bottom: 22px;
}
.leftacc h2 img {
	float: left;
	margin-right: 10px;
}
.centeracc {
	width: 30%;
	float: left;
	padding-left: 3%;
	margin-top: 2em;
	font-size: 13px;
}
.centeracc label {
	float: left;
	width: 35%;
	padding: 6px 0;
	color: #2a2a2a;
}
.centeracc input {
	width: 45%;
	padding: 8px;
	margin-bottom: 10px;
}
.centeracc h2 {
	padding: 10px 0 10px 0;
	color: #4f5d73;
}
.centeracc h2 img {
	float: left;
	margin-right: 10px;
}
.rightacc {
	width: 30%;
	float: right;
	padding-right: 1%;
	margin-top: 2em;
	font-size: 13px;
}
.rightacc label {
	float: left;
	width: 35%;
	padding: 8px 0;
	color: #2a2a2a;
	margin-bottom: 10px;
}
.rightacc input {
	width: 45%;
	padding: 8px;
}
.rightacc h2 {
	padding: 10px 0 10px 0;
	color: #4f5d73;
}
.rightacc h2 img {
	float: left;
	margin-right: 10px;
}
button.sub:hover {
	background: #d04e10;
}
table#accounttable1 span {
	color: #383838;
}
section table#accounttable1 {
	float: none;
	overflow: scroll;
	border: 1px solid #FFE3BB;
	margin-top: 15px;
	background: #FFF5E9;
	font-size: 14px;
	width: 98%;
	margin-left: 0;
	margin: auto;
	border-collapse: collapse;
    border-radius: 25px;
    overflow: hidden;
    width: 100%;
    max-width: 99%;
}
section table#accounttable1 th {
	border-bottom: 2px solid #c0c0c5;
	background: #eaeaf0;
	text-align: left;
	padding: 10px;
	color: #666666;
	 font-size: 15px;
    color: #000;
    font-weight: 500;
    border-bottom: none !important;
}
section table#accounttable1 td {
	border-bottom: 1px solid #FFE3BB;
	text-align: left;
	padding: 8px;
	color: #464646;
}
table#accounttable1 input[type="image"] {
	padding: 0;
}
section table#accounttable1 td a {
	color: #4f5d73;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
}
section table#accounttable1 td a:hover {
	color: #383838;
}

/**********************************Services pACkages PAGE**********************************/
.packagecon {
	float: left;
	width: 84.5%;
	margin: 0 0 0 0;
}
ul.packagelist {
	float: left;
	margin-left: 3%;
	margin: 7px;
}
ul.packagelist li {
	float: left;
	width: 21%;
	padding: 1.5%;
	margin-right: 1%;
	border: 1px dashed #e47d61;
	min-height: 310px;
}
ul.packagelist li img {
	margin-left: 26%;
	margin-bottom: 15px;
}
ul.packagelist li h2 {
	text-align: center;
	margin-bottom: 15px;
	font-size: 20px;
	color: #e47d61;
}
ul.packagelist li p {
	font-size: 13px;
	text-align: center;
}
ul.packagelist li:first-child {
	background: #f8eccd;
}
ul.packagelist li:last-child {
	background: #f8eccd;
	margin-right: 0;
}
ul.packagelist li:nth-child(2) {
	background: #f8eccd;
}
ul.packagelist li:nth-child(3) {
	background: #f8eccd;
}

/**********************************PBX and call center PAGE**********************************/
.packagecon2 {
	width: 80%;
	float: right;
	margin-top: 10px;
	margin-right: 5px;
}
img.virtualpbx {
	width: 90%;
	max-width: 850px;
	display: block;
	height: auto;
	margin: 10px 0 0 7%;
}
.serviceleftpbx {
	float: left;
	background: #383838;
	width: 17%;
	overflow: visible;
	margin-right: 0.5%;
	border-top: 1px solid #666;
}
.serviceleftpbx ul {
	float: left;
	width: 100%;
}
.serviceleftpbx ul li {
	border-bottom: 1px solid #5d6777;
	padding-left: 0px;
	width: 100%;
}
.serviceleftpbx ul li:hover {
	cursor: pointer;
}
.serviceleftpbx ul li a {
	color: #6F6F6F;
	padding: 21px 35px;
	font-size: 12px;
	display: block;
}
.serviceleftpbx ul li a.other {
	display: inline;
	float: left;
	margin: -24% 0 0 32%;
}
.serviceleftpbx ul li a img {
	float: left;
	position: relative;
	top: -3px;
	margin-right: 5%;
}
.serviceleftpbx ul li a:hover,
.serviceleftpbx ul li a.current {
	color: #383838;
}
section table#pbxtable {
	float: left;
	border: 1px solid #c0c0c5;
	margin-bottom: 15px;
	background: #fff;
	font-size: 14px;
	margin: 5px 0 0 0;
}
section table#pbxtable th {
	border-bottom: 2px solid #c0c0c5;
	border-left: 1px solid #c0c0c5;
	padding: 10px 0 10px 10px;
	text-align: center;
	color: #464646;
	background: #eaeaf0;
}
section table#pbxtable th:first-child {
	border-left: 0;
}
section table#pbxtable td {
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #c0c0c5;
	padding: 10px 5px;
	text-align: center;
	color: #464646;
}
section table#pbxtable td:first-child {
	border-left: 0;
}
section table#pbxtable td a {
	color: #3a3a3a;
}
.pbxcon {
	width: 100%;
	float: left;
	margin: 1% 0 0 0;
}
.pbxcon p {
	font-size: 13px;
	text-align: center;
	padding: 10px;

}
img.m2mdiag {
	position: relative;
	display: block;
	margin-top: 3%;
	left: 7%;
}
.m2mtabs ul,
.serviceleft ul {
	background: #50372b;
}
.m2mtabs ul li:nth-child(8),
.m2mtabs ul li:nth-child(9),
.m2mtabs ul li:nth-child(10) {
	padding: 12px 0 14px 15px;
}
.m2mtabs ul li span {
	margin-bottom: 7px;
	background: #FF9E71;
	display: block;
}
.m2mtabs ul li a img {
	float: left;
	margin-right: 3%;
	/*width:18px;*/
	
	height: 18px;
	position: relative;
}
.m2mtabs ul li:hover {
	cursor: pointer;
	background: #FF9E71;
}
.m2mtabs ul li a:hover {
	background: #FF9E71;
}
#inline_content {
	font-size: 13px;
}
#inline_content h2 {
	color: #383838;
	padding-bottom: 10px;
	border-bottom: 1px dashed #383838;
	margin-bottom: 15px;
}
form.adminpop input {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 7px;
	color: #585858;
	width: 180px;
}
form.adminpop select {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 7px;
	color: #585858;
	width: 196px;
}
form.adminpop textarea {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 7px;
	color: #585858;
	width: 180px;
	height: 70px;
}
form.adminpop input.button {
	background: #383838;
	color: #fff;
	padding: 7px 12px;
	width: 40%;
	border: 0;
	margin-right: 15px;
	cursor: pointer;
	outline: 1px dotted #fff;
	outline-offset: -2px;
}
form.servicesnpop h3 {
	color: #383838;
	padding-bottom: 10px;
	border-bottom: 1px dashed #383838;
	margin-bottom: 15px;
	font-size: 13px;
}
form.servicesnpop span {
	width: 130px;
	float: left;
}
form.servicesnpop ul select.large {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 3px;
	color: #585858;
	width: 196px;
}
form.servicesnpop ul select {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 3px;
	color: #585858;
	width: 100px;
}
form.servicesnpop {
	padding: 10px 20px 10px 10px;
	border-right: 1px dotted #383838;
	width: 48%;
	margin-bottom: 20px;
	float: left;
}
form.servicesnpop ul {
	border-bottom: 1px dotted #383838;
	padding-bottom: 7px;
}
form.servicesnpop ul li {
	margin: 10px 0;
}
form.servicesnpop2 h3 {
	color: #383838;
	padding-bottom: 10px;
	border-bottom: 1px dashed #383838;
	margin-bottom: 15px;
	font-size: 13px;
}
form.servicesnpop2 span {
	width: 120px;
	float: left;
}
form.servicesnpop2 ul select.large {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 3px;
	color: #585858;
	width: 180px;
}
form.servicesnpop2 ul select {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 3px;
	color: #585858;
	width: 100px;
}
form.servicesnpop2 {
	padding: 10px;
	width: 43%;
	margin-bottom: 20px;
	float: right;
	margin-bottom: 20px;
}
form.servicesnpop2 ul {
	border-bottom: 1px dotted #383838;
	padding-bottom: 7px;
}
form.servicesnpop2 ul li {
	margin: 10px 0;
}
.serviceleftadmin {
	float: left;
	background: #4f5d73;
	width: 15%;
	min-height: 500px;
	margin-right: 0.5%;
	margin-top: 0.4%;
}
.serviceleftadmin ul {
	float: left;
	width: 100%;
}
.serviceleftadmin ul li {
	border-bottom: 1px solid #5d6777;
	padding-left: 5px;
	width: 97%;
}
.serviceleftadmin ul li:hover {
	cursor: pointer;
}
.serviceleftadmin ul li a {
	color: #fff;
	padding: 21px 62px;
	display: block;
}
.serviceleftadmin ul li a:hover {
	color: #383838;
}
#bottomdemenu ul li {
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 7px;
}
#bottomdemenu ul li span {
	display: block;
	width: 197px;
	float: left;
}
#bottomdemenu ul li a {
	width: 45px;
	height: 22px;
}
form.callrecform {
	padding: 2% 0;
	margin-left: 4%;
}
form.callrecform input {
	width: 12%;
	border: 1px solid #CCC;
	padding: 5px;
	margin: 0 20px 0 10px;
}
form.callrecform button {
	padding: 7px 20px;
	color: #fff;
	cursor: pointer;
	background: #383838;
}
form.callrecform button:hover {
	background: #f2c300;
}
nav span {
	float: left;
	padding: 30px 0;
	font-size: 13px;
	display: inline-block;
	color: #70bc2c;
	margin-left: 3%;
}
nav h6 a {
	font-size: 13px;
	float: right;
	background: url(../images/ticket.png) no-repeat left;
	padding: 30px 0 30px 50px;
	margin-right: 3%;
	color: #5d6777;
}
nav h6 a:hover {
	color: #383838;
}
table#tickettable {
	margin-left: 3%;
	border: 0;
}
table#tickettable td:nth-child(odd) {
	text-align: left;
}
table#tickettable td select {
	background: #e4e5e5;
	border: 0px solid #c0c0c0;
	padding: 7px;
	color: #585858;
	width: 196px;
}
table#tickettable td textarea {
	background: #e4e5e5;
	border: 0px solid #c0c0c0;
}
table#tickettable td input.button {
	background: #383838;
	color: #fff;
	padding: 7px 12px;
	width: 15%;
	border: 0;
	margin-right: 15px;
	cursor: pointer;
	outline: 1px dotted #fff;
	outline-offset: -2px;
	border-radius: 0;
}
table#ticketmvno {
	margin-left: 0;
	border: 1px solid #c0c0c0;
	width: 98%;
	margin: auto;
	border-collapse: collapse;
}
section table#ticketmvno th a {
	ccolor: ffffff;
	font-size: 8pt;
	font-weight: normal;
}
section table#ticketmvno th {
	border-bottom: 2px solid #c0c0c5;
	border-left: 1px solid #c0c0c5;
	padding: 10px 0 10px 10px;
	text-align: center;
	font-size: 8pt;
	color: #464646;
	background: #eaeaf0;
}
section table#ticketmvno td {
	border-bottom: 1px solid #FFE3BB;
	border-left: 1px solid #FFE3BB;
	text-align: center;
	padding: 10px;
	font-size: 8pt;
	color: #464646;
}
table#ticketmvno td:nth-child(odd) {
	text-align: left;
}
table#ticketmvno td select {
	background: #e4e5e5;
	border: 0px solid #c0c0c0;
	padding: 7px;
	color: #585858;
	width: 196px;
}
table#ticketmvno td textarea {
	background: #e4e5e5;
	border: 0px solid #c0c0c0;
	width: 100%;
	height: 9em;
}
table#ticketmvno td input.button {
	background: #383838;
	color: #fff;
	padding: 7px 12px;
	width: 15%;
	border: 0;
	margin-right: 15px;
	cursor: pointer;
	outline: 1px dotted #fff;
	outline-offset: -2px;
	border-radius: 0;
}
table#cellphoneservices {
	margin-left: 3%;
	border: 1px solid #c0c0c0;
}
table#cellphoneservices td:nth-child(odd) {
	text-align: left;
}
table#cellphoneservices td select {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 7px;
	color: #585858;
	width: 196px;
}
table#cellphoneservices td textarea {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
}
table#cellphoneservices td input.button {
	background: #383838;
	color: #fff;
	padding: 7px 12px;
	width: 15%;
	border: 0;
	margin-right: 15px;
	cursor: pointer;
	outline: 1px dotted #fff;
	outline-offset: -2px;
	border-radius: 0;
}
table#cellphoneservices td a {
	color: #5d6777;
	display: block;
	margin-bottom: 5px;
}
table#cellphoneservices td a:hover {
	color: #383838;
}
table#cellphoneservices td a img {
	position: relative;
	top: 5px;
	margin-right: 2%;
}
p.ticketstat {
	margin-left: 3%;
	margin-bottom: 2%;
	color: #5d6777;
}
p.ticketstat a {
	color: #383838;
}
table#ticketstattable {
	margin-left: 3%;
}
table#ticketstattable td {
	border: 0;
	border-right: 1px solid #999;
}
table#ticketstattable td:last-child {
	border: 0;
}
table#ticketstattable td select {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 7px;
	color: #585858;
	width: 196px;
}
table#ticketstattable td textarea {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
}
table#ticketstattable td input[type="text"] {
	width: 200px;
	padding: 7px;
	margin: 0;
}
table#ticketstattable td input.button {
	background: #383838;
	color: #fff;
	padding: 7px 12px;
	width: 15%;
	border: 0;
	margin-right: 15px;
	cursor: pointer;
	outline: 1px dotted #fff;
	outline-offset: -2px;
	border-radius: 0;
}
table#ticketstattable td button {
	padding: 7px;
	width: 100px;
	border-radius: 0;
	margin-right: 10px;
}
table#adduser td select {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #c0c0c0;
	color: #585858;
	float: left;
	margin: 0;
	padding: 7px;
	width: 180px;
	border-radius: 3px;
}
table#adduser td span {
	color: #f00;
}
table#adduser td textarea {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
}
table#adduser td input {
	padding: 7px;
	margin: 0;
	border-radius: 3px !important;
}
table#adduser td input.button {
	background: #383838;
	color: #fff;
	padding: 7px 12px;
	width: 25%;
	border: 0;
	margin-right: 15px;
	cursor: pointer;
	outline: 1px dotted #fff;
	outline-offset: -2px;
	border-radius: 0;
}
table#search td select {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #c0c0c0;
	color: #585858;
	float: left;
	margin: 0 1px;
	padding: 7px;
	font-family: 'Montserrat', sans-serif;
}
table#search td span {
	color: #f00;
}
table#search td textarea {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
}
table#search td input {
	width: 200px;
	padding: 7px;
	margin: 0;
}
table#search td input[type="image"] {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0;
	cursor: pointer;
	height: auto;
	padding: 0;
	width: auto;
}
table.newstyle {
	margin-left: 3%;
	border: 0;
	width: 95%;
}
table.newstyle td {
	border-bottom: 1px dashed #ccc;
}
table.newstyle td select {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	padding: 7px;
	color: #585858;
	width: 70px;
}
table.newstyle td span {
	color: #f00;
}
table.newstyle td textarea {
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
}
table.newstyle td input {
	width: 200px;
	padding: 7px;
	margin: 0;
}
table.newstyle td input[type="image"] {
	border: 0;
	margin-right: 15px;
	cursor: pointer;
	outline: 1px dotted #fff;
	outline-offset: -2px;
	border-radius: 0;
}
a.menuadd {
	background: url(../images/addnew.png) no-repeat left;
	padding-left: 30px;
	color: #35967e;
}
a.menuminus {
	background: url(../images/minus.png) no-repeat left;
	padding-left: 30px;
	color: #35967e;
}
.serviceleft ul.alert {
	float: left;
	width: 100%;
}
.serviceleft ul.alert li {
	border-bottom: 1px solid #5d6777;
	padding-left: 5px;
	width: 97%;
}
.serviceleft ul.alert li:hover {
	cursor: pointer;
}
.serviceleft ul.alert li a img {
	float: left;
	margin-right: 15px;
}
.serviceleft ul.alert li a {
	color: #fff;
	padding: 21px 20px;
	display: block;
}
.serviceleft ul.alert li a:hover {
	color: #383838;
}
h3.alhead {
	font-size: 20px;
	color: #383838;
	padding-left: 2%;
	text-align: left;
	padding-bottom: 12px;
	border-bottom: 1px solid #ccc;
}
ul.alerttypes {
	float: left;
	text-align: left;
	padding-left: 2%;
	margin: 1% 0 0 0;
}
ul.alerttypes li {
	margin: 2% 0 4% 0;
}
ul.alerttypes li a {
	color: #333;
}
ul.alerttypes li a:hover {
	color: #383838;
	text-decoration: underline;
}
ul.alerttypes li a span {
	color: #383838;
}

/**********************************Tools page******************************/
section table#tools {
	float: none;
	border: 1px solid #c0c0c5;
	margin-bottom: 15px;
	background: #f0f0f0;
	font-size: 14px;
	width: 100%;
	margin-left: 0;
	margin: auto;
	max-width: 99%;
}
section table#tools th {
	border-bottom: 2px solid #c0c0c5;
	background: #eaeaf0;
	border-left: 1px solid #c0c0c5;
	text-align: center;
	padding: 10px;
	color: #666666;
}
section table#tools td a:hover {
	color: #ae2902;
}
table#tools img.offline {
	margin-right: 10px;
}
table#tools span.panelcon {
	position: relative;
	display: inline-block;
	top: -12px;
	color: #383838;
}
table#tools tr {
	height: 185px;
	-webkit-box-shadow: 0px 0px 31px 1px rgba(209, 209, 209, 1);
	-moz-box-shadow: 0px 0px 31px 1px rgba(209, 209, 209, 1);
	box-shadow: 0px 0px 31px 1px rgba(209, 209, 209, 1);
}
table#tools img {
	width: 40px;
	padding-bottom: 16px;
}
table#tools td:nth-child(odd):hover {
	background: #fff !important;
	transition: 0.8s all;
}
table#tools td:nth-child(even):hover {
	background: #f5e45469 !important;
	transition: 0.8s all;
}
table tr:nth-child(even) {
	background: #e5e5e4a6 !important;
}
table#tools td {
	width: 10%;
}
section table#tools td:hover a {
	color: #000;
}
#servicestable input[type="checkbox"] {
	float: none;
}

/**********************************Invoices page******************************/
section table#invoices {
	float: left;
	border: 1px solid #c0c0c5;
	margin-bottom: 15px;
	background: #fff;
	font-size: 14px;
	width: 93%;
	margin-left: 50px;
}
section table#invoices th {
	border-bottom: 2px solid #c0c0c5;
	background: #eaeaf0;
	border-left: 1px solid #c0c0c5;
	padding: 10px;
	color: #666666;
	text-align: left;
}
section table#invoices td {
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #c0c0c5;
	text-align: center;
	padding: 7px;
	color: #464646;
}
section table#invoices td a {
	color: #1f9ed3;
}
section table#invoices td a:hover {
	color: #383838;
}
table#invoices img.offline {
	margin-right: 10px;
}
table#invoices span.panelcon {
	position: relative;
	display: inline-block;
	top: -12px;
	color: #383838;
}
.filter {
	padding: 15px;
	background: #fffdea;
	border: 1px solid #f4c701;
	display: block;
	margin-bottom: 15px;
}
.filter a {
	color: #383838;
}
ul.invoicesicons {
	float: left;
}
ul.invoicesicons li {
	float: left;
	padding: 4px;
	border-right: 1px solid #ccc;
}
ul.invoicesicons li:last-child {
	border-right: 0;
}
ul.invoicesicons input {
	width: 30px;
	padding: 1px;
	border-radius: 0;
	float: none;
	margin: 0;
}
ul.invoicesicons select {
	padding: 1px;
	width: 140px;
	padding: 4px;
	border-radius: 0;
	float: none;
	margin: 0;
	border: 1px solid #ccc;
}
ul.invoicesicons button {
	padding: 6px;
	width: 70px;
	border-radius: 0;
	float: none;
	background: #51abd5;
}
ul.invoicesicons input.biginp {
	width: 200px;
	padding: 4px;
	border-radius: 0;
	float: none;
	margin: 0;
	background: #eaeaf0;
	border: 1px solid #ccc;
}

/**********************************Ticket Listing page******************************/
section table#ticketlisting {
	float: left;
	border: 1px solid #c0c0c5;
	margin-bottom: 15px;
	background: #fff;
	font-size: 14px;
	width: 93%;
	margin-left: 50px;
}
section table#ticketlisting th {
	border-bottom: 2px solid #c0c0c5;
	background: #eaeaf0;
	border-left: 1px solid #c0c0c5;
	text-align: left;
	padding: 10px;
	color: #666666;
}
section table#ticketlisting td {
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #c0c0c5;
	text-align: left;
	padding: 7px;
	color: #464646;
}
section table#ticketlisting td a {
	color: #1f9ed3;
}
section table#ticketlisting td a:hover {
	color: #383838;
}
h4.calsum2 {
	width: 93%;
	margin-bottom: 12px;
	font-size: 16px;
	color: #383838;
}
span.ticklistbutt {
	float: right;
}
span.ticklistbutt a {
	background: #383838;
	color: #fff;
	font-size: 12px;
	padding: 3px 5px;
	margin-right: 5px;
	border-radius: 3px;
	border: 1px solid #963101;
}
span.ticklistbutt a:hover {
	background: #383838;
	color: #f5c016;
	font-size: 12px;
	padding: 3px 5px;
	margin-right: 5px;
	border-radius: 3px;
	border: 1px solid #963101;
}

/**********************************3G Device Online page******************************/
span.geoloc {
	margin: 0 10px;
}
a.deviceicn img {
	position: relative;
	top: 4px;
}
span.geoloc a {
	color: #383838;
	font-size: 12px;
	padding: 3px 5px;
	margin-right: 5px;
}
span.geoloc a:hover {
	color: #f5c016;
	font-size: 12px;
	padding: 3px 5px;
	margin-right: 5px;
}
.hide {
	display: none;
	float: left;
	width: 100%;
}
h4.calsum3 {
	margin-left: 4%;
	width: 93%;
	margin-bottom: 12px;
	margin-top: 25px;
	font-size: 13px;
	color: #036;
}
h4.calsum3 img {
	margin: 1px 7px 0 0;
	float: left;
}
textarea#ticketex {
	width: 50%;
	border: 1px solid #ccc;
	margin-left: 3.7%;
	min-height: 180px;
	padding: 10px;
	margin-bottom: 10px;
}
h4.calsum2_links {
	float: left;
	margin-left: 3.7%;
	margin-bottom: 15px;
}
h4.calsum2_links a {
	background: #383838;
	color: #fff;
	font-size: 13px;
	padding: 5px 10px;
	margin-right: 5px;
	border: 1px solid #963101;
}
h4.calsum2_links a:hover {
	color: #f5c016;
}
.highslide-html-content select,
.highslide-body select,
.highslide-html-content input[type="text"],
.highslide-body input[type="text"] {
	border: 1px solid #C0C0C0;
	color: #585858;
	padding: 3px;
	width: 600px;
	height: 600px;
}
input[type="text"],
select {
	border: 1px solid #C0C0C0 !important;
	margin: 2px 0 0 5px;
}
input#fund {
	border: 1px solid #C0C0C0;
	color: #585858;
	padding: 10px;
	width: 196px;
}

/**********************************Responsive part******************************/
@media screen and (min-width: 1200px) and (max-width: 1280px) {
	nav ul li {
		margin: 0 63px;
	}
	
	.m2mtabs ul li a img {
		float: left;
		margin-right: 6%;
	}
}
@media screen and (min-width: 1020px) and (max-width: 1200px) {
	nav ul li {
		margin: 0 4%;
	}
	
	.m2mtabs ul li a img {
		float: left;
		margin-right: 3%;
	}
}

/**********************************Extra css**********************************/
.reset {
	clear: both;
}
.header_new {
	width: 540px;
	margin: 0 auto 0 auto;
}
.header_new_icon {
	width: 80px;
	float: left;
	margin-top: 24px;
}
.header_new_logo {
	width: 255px;
	float: left;
	margin-left: 55px;
}
.header_new_login {
	width: 100px;
	float: right;
	margin-top: 26px;
}
.header_new_login a {
	text-decoration: none;
	font-size: 13px;
	color: #FFF;
	background-color: #242424;
	padding: 6px;
	border-radius: 8px;
}
.header_new_login a:hover {
	color: #383838;
}
.extra_service th {
	padding: 10px 16px 10px 10px;
	text-align: left;
	color: #fff;
	font-weight: normal;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #A9A9A9;
}
.extra_service th a {
	color: #fff;
}
.extra_content_admin {
	width: 30%;
	float: left;
	text-align: left;
	margin-top: 10px;
}
.extra_content01 {
	width: 100%;
	float: none !important;
	margin-top: 0px;
	display: inline-block !important;
}
.extra_content01 tr {
	background-color: #FFFFFF;
	font-weight: normal;
}
.extra_content02 {
	width: 100%;
	float: right;
	margin-top: 10px;
	margin-right: 0;
}
.extra_content03 {
	width: 73%;
	float: right;
	margin-top: 10px;
	margin-right: 40px;
}
.extra_content04 {
	float: right;
	margin-top: 10px;
	margin-right: 53px;
}
.logintxt1 {
	font-size: 14px;
	color: #acacac;
	margin-top: 10px;
}
.loginbox {}
.login_btntxt {
	background-color: #353535;
	color: #fff;
	text-align: center;
	border: 1px solid #FFF;
}

/* --------- For Admin PBX Feature Page ----------------- */
.inbuyandact {
	border: 0 none;
	cursor: pointer;
	padding: 5px;
	text-indent: -302px;
	width: 156px;
	height: 32px;
	background: #353535 url(../images/buy_activebutt.png) no-repeat left top;
}
.plsbut {
	width: 46px!important;
}
.smcrd_no {
	width: 112px!important;
}
.smcrd_ip {
	width: 101px!important;
}

/*installdatetd*/
.instldat {
	width: 94px!important;
}
.smcrd_list {
	float: left !important;
	margin-left: 75px !important;
	width: 89% !important;
}
section table#smcrd_list {
	border: 0 none;
}
.thsmcrd_no {
	width: 132px!important;
}
.thsmcrd_ip {
	width: 125px!important;
}
.th_iccid {
	width: 121px!important;
}
.th_imsi {
	width: 106px!important;
}
.th_lastcll {
	width: 105px!important;
}
.last_cll {
	width: 121px!important;
}
.iccid_no {
	width: 88px!important;
}
.imsi_no {
	width: 80px!important;
}
.lst_cl_no {
	width: 94px!important;
}
.lst_cl_no a,
fltaln a,
mrc_th a,
on_th a,
eq_th a {
	font-size: 7pt!important;
}
.install_date_th {
	width: 114px!important;
}
.univTables1_no {
	width: 99%!important;
}
.orgnewdth {
	width: 45%!important;
}
.cunsmptd {
	/*width:148px!important;*/
}
.crdit_th {
	width: 117px;
}
.crdit_th a,
fltaln a,
mrc_th a,
on_th a,
eq_th a {
	font-size: 7pt!important;
	font-weight: bold!important;
}
.mrc_th {
	width: 79px;
}
.on_th {
	width: 69px;
}
.eq_th {
	width: 65px;
}
.fltaln {
	float: none;
}
.fnt_sml {
	font-size: 8pt!important;
}
.col-displ-none {
	display: none;
}
.iccid_no a,
.imsi_no a {
	font-size: 7pt!important;
	font-weight: bold!important;
}
.logo02 {
	width: 389px;
	height: 84px;
	margin: 15px 0 0 13px;
	border-bottom: 1px solid #cccccc;
}
.lgn_lft {
	width: 541px;
	float: left;
}
.lgn_rit {
	width: 594px;
	float: left;
	margin-left: 17px;
}
.lgn_space {
	width: 420px;
	margin-left: 12px;
}

/*-------Guigo-------*/
.m2mtabs,
.serviceleft {
	float: left;
	width: 8%;
	overflow: visible;
	margin-right: 0.5%;
	border-top: 1px solid #fff;
}
.m2mtabs ul,
.serviceleft ul {
	float: none;
	width: auto;
}
.serviceleft.parlacom>ul {
	margin: 0 0 10px;
}
.m2mtabs ul li,
.serviceleft ul li {
	width: 91%;
	padding: 12px 0 13px 8%;
	float: left;
}
.serviceleft li a:first-child {
	background: #A9A9A9;
}
.m2mtabs ul li:nth-child(8),
.m2mtabs ul li:nth-child(9),
.m2mtabs ul li:nth-child(10) {
	padding: 12px 0 14px 15px;
}
.m2mtabs ul li span {
	margin-bottom: 7px;
	display: block;
}
.m2mtabs ul li a img,
.serviceleft ul li a img {
	margin-right: 3%;
	height: 18px;
	position: relative;
}
.m2mtabs ul li:hover,
.serviceleft ul li:hover {
	cursor: pointer;
}
.m2mtabs ul li a,
.serviceleft ul li a {
	color: #fff;
	display: block;
	font-size: 13px;
}
.serviceleft ul li a:hover {
	color: #fff;
}
th input[type="text"],
th input[type="date"],
th select {
	border: 1px solid rgba(0, 0, 0, 0.6) !important;
	background: #fff !important;
	padding: 5px !important;
	margin: 0 5px 0 0 !important;
	line-height: 140%;
	font-size: 13px;
}
#servicestable thead th {
	background: #83817E;
	color: #fff;
	padding: 5px;
	border: 0 none;
	border-right: 1px solid #ccc;
}
#servicestable thead th a {
	background: none;
	border: 0 none;
	color: #fff;
}
progress {
	margin-right: 10px;
	background: rgba(0, 0, 0, 0.3);
}
.sortable tbody tr:nth-child(even) {
	background: #fff2eba6;
}
#usertable tbody tr:nth-child(odd) th {
	background: #fff;
}
#usertable tbody tr:nth-child(even) th {
	background: #E8E8EA;
}
.sortable img {
	width: 17px;
}
ul.useracctab {
	border: 0 none !important;
}
ul.useracctab select {
	font-family: 'Montserrat', sans-serif;
	height: 39px;
}
td:first-child,
th:first-child {
	border: 0 none !important;
	border-bottom: 1px solid #ccc !important;
	border-left: 0 none;
}
button.sub {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: right;
	padding: 10px 12px;
}
.leftacc li,
.rightacc li,
#bottomdemenu li {
	list-style: none;
	margin-bottom: 9px;
	margin-left: 7px;
}
.leftacc li label,
.rightacc li label,
#bottomdemenu li label {
	display: block;
}
.leftacc li input[type],
.rightacc li input[type],
#bottomdemenu li input[type] {
	display: block;
	margin-bottom: 5px;
}
.leftacc h2,
.rightacc h2,
#bottomdemenu h2,
.userdiv label,
.userdiv h4,
legend.headerFont {
	display: block;
	font-weight: 600;
	margin-bottom: 10px;
	text-align: center;
	background: #3e3e3e;
	color: #fff;
	padding: 13px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	border-bottom: 1px dashed #f26522;
}
.leftacc h2 {
	background: #096b9a;
}
.leftacc button,
.rightacc button {
	margin-left: 7px;
	font-family: 'Montserrat', sans-serif;
	display: block;
	cursor: pointer;
	font-size: 16px;
	letter-spacing: 1px;
	color: #fff;
	background: #3F51B5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 0 none;
	text-align: center;
	width: 100px;
	position: relative;
	right: 70px;
	margin-top: 10px !important;
	margin-bottom: 15px !important;
}
.leftacc button:hover,
.rightacc button:hover {
	background: #fff;
	color: #3f51b5;
	border: 2px solid #3f51b5;
}
.extra_content01 .extra_content01 {
	margin: 0;
}
button.language {
	font-family: 'Montserrat', sans-serif;
	-moz-border-radius: 4px !important;
	border-radius: 0px !important;
	vertical-align: middle;
	width: auto;
	margin-right: 20px !important;
}
button.language:hover {
	background: #ff905c !important;
	transition: 0.3s all;
}
#bottomdemenu ul {
	border-right: 1px solid #ccc;
}
#bottomdemenu ul li {
	line-height: 210%;
}
#bottomdemenu ul li img {
	vertical-align: middle;
	margin-right: 4px;
	width: 15px;
}
label#selected {
	display: block;
	float: left;
}
#language font {
	margin-left: 20px;
}
.leftacc li,
.rightacc li {
	background: #e4e4e4;
}
.extra_content01 fieldset h2 {
	margin-left: 65px;
}
.serviceleft {
	width: 100% !important;
	color: #ffffff;
	float: none;
	max-width: 100%;
	padding: 15px 10px 15px;
	text-align: center;
	background: #353535 !important;
	margin: 30px auto !important;
    display: block !important;
    float: none !important;
    border-radius: 4px;
    max-width: 98%;
}
#services .extra_content01 tr {
	border: 1px solid #ccc;
}
.info {
	background: none !important;
	border: 0 none !important;
}
.m2mtabs {
	margin-right: 0.1%;
}
td a {
	text-align: center;
}
#appPageHomeTop {
	margin: 20px 20px 20px;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	background: #FF9E71;
	color: #fff;
	text-align: center;
	padding: 10px 0;
}
#appPageHomeTop a {
	color: #fff;
}
#appPageHomeTable {
	margin: 5px 20px 5px;
	background: #fff;
}
#univTables {
	border: 1px solid #ccc;
}
#univTables tr td {
	border: 1px solid #ccc;
}
.btn-success {
	display: block;
	padding: 10px;
	text-align: center;
	margin: 5px auto;
}
.pbxconhead {
	font-weight: 700;
	background: #FF9E71;
	color: #383838;
	padding: 7px;
	margin: 15px 0;
	text-align: center;
	display: block;
}
.pbxcon p a {
	display: inline-block;
	margin-right: 10px;
	border: 2px solid #FF9E71;
	color: #FF9E71;
	text-align: center;
	padding: 8px 15px;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: 600;
    font-size: 14px;
    min-width: 325px;
}
#leftPaneServices {
	background: #A09999;
	color: #fff;
}
#leftPaneServices a {
	color: #fff;
}
#leftPaneServices a img {
	vertical-align: middle;
	margin-right: 5px;
}
#appArea {
	padding: 20px;
}
fieldset {
	border: 0 none;
}
#tableServices {
 width: 100%;
    margin: 0 auto;
    max-width: 99%;
}
#tableServices td,
#MenuTablesUser td,
#univTables td,
#tableExtensions td {
	font-family: 'Montserrat', sans-serif;
	border: 0 none !important;
	padding: 5px;
}
#tableExtensions select {
	width: 150px;
	font-family: 'Montserrat', sans-serif;
}
#getpincdr td {
	background: #fff !important;
}
input[name="searchlastdate"] {
	max-height: 16px;
}
.highslide-container table td,
.highslide-container table {
	border: 0 none !important;
}
input[type="number"] {
	border: 1px solid #ccc;
	padding: 5px;
}
#tableExtensions {
	width: 99%;
}
#bottomdemenu span,
#bottomdemenu input[type="checkbox"] {
	display: inline-block;
	vertical-align: middle;
}
#bottomdemenu input[type="checkbox"] {
	display: block !important;
	float: left !important;
	margin-top: 9px;
}
#bottomdemenu input[type="image"] {
	border: 0 none;
}
#bottomdemenu ul li span a {
	width: auto;
	display: inline;
}
#MenuTablesUser tr th,
#univTables tr th {
	background: #83817E;
	border: 1px solid #ccc !important;
}
#tableServices {
	margin-bottom: 10px;
}
span.classic {
	border: 1px solid #A9A9A9;
	background: #666;
	min-width: 100px;
}
.tooltip:hover span {
	right: 1em !important;
}
#servicestable,
#servicestable2,
#servicestable1 {
	background: none !important;
	margin-bottom: 10px !important;
}
div.scrollmenu {
	background-color: #fefefe !important;
	overflow: auto;
	white-space: nowrap;
}
#servicestable th,
#servicestable1 th,
#servicestable2 th {
	background: #A9A9A9 !important;
	color: #fff !important;
	padding: 10px 0px !important;
	border-right: 1px solid rgba(0, 0, 0, .1) !important;
}
#servicestable.service_block_list tr:last-child td {
	width: 15%;
	padding: 30px 10px !important;
	cursor: pointer;
}
#servicestable.service_block_list tr:last-child td:hover img {
	transform: rotate(360deg);
	transition: 0.9s all;
}
#servicestable.service_block_list tr:last-child td img {
	transition: 0.9s all;
}
.service_block h3 {
	margin-bottom: 15px;
}
#actRecordTables td,
#actRecordTables th {
	padding: 5px !important;
	font-size: 12px !important;
}
#actRecordTables thead th {
	background: #83817E !important;
	color: #fff !important;
}
section table#servicestable th a {
	color: #fff;
	background: none;
	border: 0 none;
	font-weight: 400;
	text-align: center;
    padding: 0;
}
#accounttable td a {
	color: #000 !important;
	font-size: 13px;
}
#accounttable .help {
	background: #666 !important;
	border: 1px solid #A9A9A9!important;
	color: #fff !important;
}
@media screen and (max-width:1366px) {
	.extra_service th {
		width: 17.6%;
	}
	
	th input[type="text"],
	th input[type="date"],
	th select {
		max-width: 40%;
	}
}
.tooltip {
	border-bottom: 1px dotted #000000;
	color: #000000;
	outline: none;
	cursor: help;
	text-decoration: none;
	position: relative;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute;
	right: 1em;
	top: 2em;
	z-index: 99;
	margin-left: 0;
	width: 250px;
}
.tooltip:hover img {
	border: 0;
	margin: -10px 0 0 -55px;
	float: left;
	position: absolute;
}
.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	padding: 0.2em 0 0.6em 0;
}
.classic {
	padding: 0.8em 1em;
}
.custom {
	padding: 0.5em 0.8em 0.8em 2em;
}
* html a:hover {
	background: transparent;
}
.classic {
	background: #8A2908;
	border: 1px solid #FFAD33;
}
.critical {
	background: #FFCCAA;
	border: 1px solid #FF3334;
}
.help {
	background: #9FDAEE;
	border: 1px solid #2BB0D7;
}
.info {
	background: #9FDAEE;
	border: 1px solid #2BB0D7;
}
.warning {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}
.tooltip:hover span.tooltip-right {
	left: 1em !important;
}
.modalpopup {
	display: none;
	overflow-y: auto;
	max-height: 80%;
	padding-top: 5%;
	padding-bottom: 5%;
}
.headerright ul li form input {
	opacity: 0;
}
#accounttable tr:nth-child(1) td,
#accounttable tr:nth-child(1) td a {
	background: #4a271b;
	color: #fff !important;
}
.service_block_list1 #servicestable {
	width: 555px !important;
	height: 260px;
	margin-top: 10px !important;
}
.service_block_list1 #servicestable td {
	background: #101D49 !important;
}
.service_block_list1 #servicestable {
	box-shadow: 0 17px 35px rgba(74, 74, 115, 0.1), 0px 5px 15px rgba(0, 0, 0, .07);
	transition: transform 0.3s ease;
}
.service_block_list1 #servicestable:hover {
	transform: translateY(-15px);
}
.serviceleft ul {
	background: transparent;
}
section table#tools td a {
	color: #000;
	font-size: 20px;
	line-height: 32px;
    font-family: 'Montserrat', sans-serif;
}
section table#tools td {
	/*---------Tools page column----------*/
	
	z-index: 1;
	background-color: #ffffff;
	-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
	-webkit-transition: all 0.5s;
	background: #fff !important;
	height: 250px;
	position: relative;
	overflow: hidden;
	border: 1px solid #fff;
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	    text-align: center;
    padding: 10px;
}
.service_block_list1 #servicestable td h3 {
	color: #fff !important;
}
table#tools td:nth-child(even):hover {
	background: none !important;
}
section table#tools td::after {
	/*---------Tools page column----------*/
	
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/images/2.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: -1;
	opacity: 0.1;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
section table#tools td:hover::after {
	-webkit-transform: scale(1);
	transform: scale(1);
	border: 2px solid #000;
}
section.userdiv {
	margin: 15px 0 0 0;
	background: #fff !important;
}
table#tools td:nth-child(odd) {
	background: #00a3da !important;
	    transition: 0.8s all;
}
table#tools td:nth-child(odd) a {
	color: #fff;
}
h4.calsum:after {
	bottom: 15px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 70px;
	border: 1px solid rgb(0, 163, 218);
	background: rgb(0, 163, 218);
	right: 0;
	margin: 0 auto;
}
section table#tools {
	margin-top: 20px;
}
select {
	border: 1px solid #E2835A;
	margin-right: 5px;
	padding: 10px 15px 10px 0;
	text-indent: 5px;
}
section.account {
	padding: 0px 0;
}
section.userdiv table#servicestable {
	/*border-top: 2px solid #dfdde2 !important;*/
	margin-top: 0px !important;
	margin-bottom: 20px !important;
	/*border-bottom: 2px solid #dfdde2 !important;*/
}
section table#servicestable th a {
	text-transform: capitalize;
	font-size: 13px;
}
section table#servicestable td {
	padding: 10px 8px !important;
	font-size: 12px !important;
	background: #fff;
}
section.account {
	padding-top: 0px !important;
}
fieldset#language {
	border-top: none !important;
	padding: 10px 0 10px !important;
	padding-left: 10% !important;
	background-position: unset;
	margin-bottom: 20px !important;
	background: #353535;             /*-------Fieldset-background------*/
	margin: 0 auto !important;
	width: 100%;
	max-width: 89%;
    border-radius: 5px;
}
#language select {
	padding: 12px 15px 12px 0;
	margin-top: 0px;
}
button.language {
	background: #00a3da!important;
	padding: 13px 24px;
	font-size: 15px;
	color: #fff;
}
table#adduser td {
	padding: 10px 10px;
	border-left: none !important;
	border-right: none !important;
	font-family: 'Montserrat', sans-serif !important;
    /*border: 1px solid #ccc !important;*/
}
section table td {
	color: #000 !important
}
table#search td {
	padding: 15px 25px;
}
table#search tr:nth-child(even) {
	background: #fff !important;
}
table#search tr:hover {
	background: #eeeeee !important;
}
.extra_content01 #servicestable td a {
	color: #fff !important;
}
section table#servicestable {
	margin-bottom: 15px !important;
	margin-top: 25px !important;
}
.service_block_list tr {
	background: #101D49 !important;
	border-radius: 15px !important;
}
.service_block_list {
	border-right: none !important;
}
.service_block_list tr {
	border: none !important;
}
.m2mtabs {
	margin-left: 55px;
	background: transparent !important;
	border: 1px solid transparent;
	border-color: #101D49;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	padding: 15px 10px;
}
.m2mtabs ul li {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 5px;
	list-style: none;
	background: none !important;
}
.m2mtabs ul li a {
	-webkit-transition: all .3s ease;
	padding: 10px 0;
	color: #000;
	font-size: 14px;
	background: none !important;
	font-weight: 600;
	margin-right: 5%;
}
.m2mtabs ul li:last-child {
	border-bottom: none;
}
.extra_content04 {
	width: 80%;
}
.m2mtabs ul li a:hover {
	padding-left: 15px;
}
ul.servicetab_5 {
	padding: 15px 10px;
	width: 98%;
}
table#search {
	border-collapse: collapse;
    border-radius: 40px;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 15px !important;
    width: 98%;
    margin: auto;
}
#search td {
	border-left: none !important;
}
.leftacc {
	margin: 2em 0 0em 1em !important;
	box-shadow: 0px 0px 31px 1px rgb(216, 216, 216);
	padding-left: 0% !important;
	border-bottom: 4px solid #3ac47d;
	border-radius: 5px;
	min-height: 208px;
	width: 30%;
    float: left;
    font-size: 13px;
}
table#accounttable1 {
	margin-top: 30px !important;
}
table#accounttable1 td {
	border-bottom: none !important;
}
#accounttable1 img {
	width: 25px;
	margin-left: 10px;
	padding-top: 9px;
}
h4.calsum {
	font-size: 25px;
	line-height: 50px;
	position: relative;
	margin-bottom: 30px !IMPORTANT;
	margin: 0 auto;
	background-position: center !important;
	text-transform: uppercase;
	font-weight: 600;
	color: #000 !important;
    background: #fff !important;
}
#bottomdemenu ul {
	float: left;
	margin: 60px 11px 15px 15px;
	padding-right: 25px;
}
#bottomdemenu {
	width: 100%;
	margin: 0 auto 20px;
	float: none;
	padding-bottom: 30px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	min-height: 200px;
	margin-top: 48px;
	max-width: 99%;
}
#bottomdemenu h1 {
	font-size: 16px;
	line-height: 26px;
	text-transform: capitalize;
	width: 40%;
	margin-top: -15px !important;
	position: absolute;
	margin-left: 26% !important;
	padding: 9px;
	background: linear-gradient(40deg, #45cafc, #303f9f) !important;
	border-radius: 7px !important;
	color: #fff;
    font-weight: 600;
    margin-bottom: 6px;
    border-bottom: 0 none;
    margin-right: 15px;
    text-align: center;
}
.extra_content01 #servicestable td a {
	color: #000 !important;
}
.service_block_list1 #servicestable td a {
	color: #fff !important;
}
.generalservices ul li a {
	font-size: 22px;
	color: #000;
	font-weight: 600;
	line-height: 40px;
	text-transform: uppercase;
}
ul.useracctab li:nth-child(2) a::before {
	content: "\f13e";
	height: 8px;
	width: 7px;
	font-family: fontawesome !important;
	padding-right: 8px;
	font-size: 14px !important;
}
ul.useracctab li:nth-child(1) a:before {
	content: "\f044";
	height: 8px;
	width: 7px;
	font-family: fontawesome !important;
	padding-right: 8px;
	font-size: 14px !important;
}
ul.useracctab li:nth-child(3) a:before {
	content: "\f0c5";
	height: 8px;
	width: 7px;
	font-family: fontawesome !important;
	padding-right: 8px;
	font-size: 14px !important;
}
ul.useracctab li:nth-child(4) a:before {
	content: "\f0b1";
	height: 8px;
	width: 7px;
	font-family: fontawesome !important;
	padding-right: 8px;
	font-size: 14px !important;
}
ul.useracctab li:nth-child(5) a:before {
	content: "\f14b ";
	height: 8px;
	width: 7px;
	font-family: fontawesome !important;
	padding-right: 8px;
	font-size: 14px !important;
}
.extra_service2 input:focus {
	border: none !important;
}
.extra_service2 h3 {
    font-size: 14px;
    display: inline;
    padding-left: 5px;
}
.userdiv #servicestable th a {
	color: #000 !important;
}
#services #servicestable {
	width: 100% !important;
    max-width: 99%;
}
#services .extra_service2 {
	width: 100% !important;
    max-width: 99%;
}
.rightacc {
	margin: 2em 33px 0em 0em !important;
	box-shadow: 0px 0px 31px 1px rgb(216, 216, 216);
	padding-left: 0% !important;
	border-bottom: 4px solid #3ac47d;
	border-radius: 5px;
	min-height: 208px;
	padding-right: 0% !important;
}
.rightacc h2 {
	background: #096b9a;
}
table#adduser tbody tr:nth-of-type(even) {
	background-color: rgb(240, 241, 243) !important;
	;
}
table#adduser {
	width: 100%;
	margin-bottom: 20px;
     max-width: 99%;
}
table#adduser .textbox {
	width: 165px;
}
.extra_service2 .fa {
	font-size: 18px;
	color: #000;
	font-weight: 500;
}
.extra_content02 #servicestable th {
	color: #000 !important;
	border-bottom: 1px solid #ccc !important;
}
.extra_content02 tfoot {
	background-color: #000;
}
#services .extra_service2 th {
	padding: 4px 0 4px 10px;
}
table#univTables {
	width: 95%;
	margin: 0 auto;
	margin-top: 15px;
}
#univTables td a {
	font-size: 13px;
	color: #000;
}
#univTables td {
	font-size: 13px;
	color: #000;
}
.extra_content04 table tr:nth-child(even) {
	background: transparent !important;
}
#univTables td {
	padding: 0px !important;
}
.extra_content04 input[type="text"],
select {
	margin: 2px 0 0 0px;
}
.extra_content04 input[type="checkbox"] {
	width: 15px;
	height: 15px;
}
#univTables .styled-select select {
	margin: 0px!important;
}
#univTables .styled-select {
	padding-top: 10px;
}
#univTables thead th {
	border-bottom: 1px solid #e2e5e8;
	font-size: 13px;
	color: #111;
	background: #eff3f6;
	text-transform: uppercase;
}
.userdiv table#usertable td {
	padding: 10px 8px !important;
	font-size:13px;
}
.styled-select select {
	margin-top: 0px !important;
}
#geralistcallerid input[type="text"] { /*-----------Searchbar-----------*/
    background-color: #f2f4f4;
    color: #475F7B;
    font-size: 15px;
    padding-left: 20px;
    border-radius: 3px 0 0 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    top: 5px;
    left: -18px !important;
    right: -47% !important;
    background-image: url(/images/search.png);
    background-repeat: no-repeat;
    background-position: 95%;
    width: 250px;
    display: block;
    position: absolute;
}
header span {
	margin: 22px 31px 0 0;
	width: auto;
	border-radius: 0;
	color: #ffffff;
	font-family: Montserrat;
	font-size: 14px;
	padding: 9px 11px;
	text-transform: capitalize;
	float: right;
	z-index: 2;
	position: absolute;
	top: 19px;
	border: none !IMPORTANT;
	left: 256px;
	top: -20px;
	display: flex;
}
.account .btn-success {
	margin-left: 12% !important;
	margin-top: 25px !important;
	color: #fff;
	position: relative;
	display: inline-block;
	padding: 15px;
	margin: 0 15px;
	background: #00a3da;
	cursor: pointer;
	-webkit-box-shadow: 1px 1px 0 #2c6679, 2px 2px 0 #2c6679, 3px 3px 0 #2c6679, 4px 4px 0 #2c6679, 5px 5px 0 #2c6679;
	-webkit-transition: all 0.1s linear;
	font-size: 15px;
}
section.account table#accounttable1 {
    overflow: scroll;
    max-height: 850px;
}
.headerright ul {
	font-size: 0;
	width: 100%;
	display: inline-flex;
	line-height: 18px;
	border-radius: 5px;
}
.account .sortable th {
	padding: 8px 20px !important;
	font-size: 13px !Important;
}
header span b a:before {
	content: "\f2bd";
	position: absolute;
	left: -19px;
	top: 20%;
	height: 5px;
	width: 5px;
	transform: translateY(-50%);
	font-family: fontawesome;
	color: #00a3da;
	font-size: 14px;
}
.account .sortable {
	width: 100% !Important;
}
.account .sortable td {
	padding: 6px !important;
}
input[type="text"] {
	padding: 7px;
}
@keyframes fa-blink {
	0% {
		opacity: 1;
	}
	
	50% {
		opacity: 0.4;
	}
	
	100% {
		opacity: 1;
	}
}
.on {
	color: green;
	-webkit-animation: fa-blink 3.75s ease-out infinite;
	font-size: 1.2em !important;
}
.of {
	color: red;
	font-size: 1.2em !important;
}
.ob {
	color: #f3a414;
	font-size: 1.2em !important;
}
section.userdiv table#servicestable tr td {
	border: none !important;
}
div#panel1 table#servicestable tr td,
div#panel2 table#servicestable tr td {
	border-bottom: 1px solid #e0e0e0 !important;
	border-left: 1px solid #e0e0e0 !important;
}
input[type="checkbox"] {
	margin-right: 5px;
	height: 15px;
	width: 15px;
	float: none;
	vertical-align: middle;
}
section#services h2 {
	color: #000;
	font-size: 20px;
	margin-left: 65px;
	margin-bottom: 15px;
}
form#servicesmenu {
	width: 100%;
	margin: 0 auto;
}
fieldset h2 {
	color: #000;
	font-size: 18px;
	margin-left: 15px;
}
#actRecordTables {
    width: 100%;
    margin: 0 auto;
    margin-top: 16px !important;
    overflow: scroll;
    max-height: 78vh;
    overflow-x: scroll;
    display: inline-block;
    max-width: 98vw;
}
button.btn.btn-success {
	background: #00a3da;
	border: 1px solid #00a3da;
	background-color: #01aeef;
	box-shadow: 0 0 0 1px #00aeef inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 rgba(102, 164, 178, .6), 0 8px 0 1px rgba(0, 0, 0, .4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
	position: relative;
	padding: 10px 30px;
	color: white;
	border-radius: 6px;
	text-align: center;
	transition: top .01s linear;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
	font-size: 15px;
	margin-left: 4% !important;
	margin-top: 20px !important
}
#language img {
	height: 20px;
	width: 20px;
	padding-top: 10px;
}
#addPageHomeTable img {
	margin-left: 5px;
}
.sortable td:first-child {
	width: 5%;
}
.fa,
.fas,
.far {
	font-size: 1.3em !Important;
}
.sortable td:first-child .fas {
	padding-right: 5px;
}
#addPageHomeTable select {
	width: 50%;
}
.main-nav {
	list-style-type: none;
	display: none;
}
th.sorttable_nosort {
	background: #00a3da;
}
.logo {
	display: inline-block;
	font-size: 22px;
	margin-top: 10px;
	margin-left: 20px;
}
.navbar-toggle {
	position: absolute;
	top: 10px;
	right: 20px;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.8);
	font-size: 24px;
}
.active {
	display: block;
}
.navbar-toggle {
	display: none;
}
legend.headerFont {
	width: 93%;
	border-radius: 5px;
}
div#panel1,
div#panel2,
div#panel3 {
	display: none;
}
.sortable .testetable {
	width: 147px;
}
ul.useracctab li a {
	margin: 0px;
}

/* popup table */
table.popp-sectn {
	border-collapse: collapse;
}
table.popp-sectn,
.popp-sectn td,
.popp-sectn th {
	border: 1px solid black;
}
.popp-sectn td:first-child {
	text-align: center;
}
.popp-sectn tr:nth-child(even) {
	background: #fafafa !important;
}
.popp-sectn th,
.popp-sectn td {
	padding: 6px 4px;
}
.popp-sectn td.submit-btn {
	text-align: center;
}
.highslide-header li {
	color: #fff;
	position: relative;
	padding: 4px;
	margin: 0 5px;
	background: #00a3da;
	cursor: pointer;
	-webkit-box-shadow: 1px 1px 0 #2c6679, 2px 2px 0 #2c6679;
	-webkit-transition: all 0.1s linear;
	font-size: 15px;
}
.highslide-header li:hover {
	-webkit-box-shadow: 1px 1px 0 #2c6679, 2px 2px 0 #2c6679, 3px 3px 0 #2c6679;
}
.extra_content01 #servicestable img {
	width: auto;
}
/* master style sheet */
fieldset {
	padding: 5px;
	margin: 0px 5px 5px 5px;
	color: #ffffff;
	background-color: transparent;
	text-align: justify;
}
legend {
	margin: 0px;
	padding: 5px;
	color: #ffffff;
}
a.specialeffects:hover {
	color: black;
	background-color: #ff7400;
}
#actRecordTables th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 5px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
}
#actRecordTables td {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 5px;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	text-align: center;
}
#actRecordTables1 {
	border-left: 1px solid #a2c7ff;
	border-top: 1px solid #a2c7ff;
	width: 100%;
}
#actRecordTables1 th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 5px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
}
#actRecordTables1 td {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 5px;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	text-align: center;
}
#actRecordTables2 {
	border-left: 1px solid #a2c7ff;
	border-top: 1px solid #a2c7ff;
	width: 100%;
}
#actRecordTables2 th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 5px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
}
#actRecordTables2 td {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 5px;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	text-align: center;
}
#actRecordTables3 {
	border-left: 1px solid #a2c7ff;
	border-top: 1px solid #a2c7ff;
	width: 100%;
}
#actRecordTables3 th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 5px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
}
#actRecordTables3 td {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 5px;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	text-align: center;
}
#actRecordTables4 {
	border-left: 1px solid #a2c7ff;
	border-top: 1px solid #a2c7ff;
	width: 100%;
}
#actRecordTables4 th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 5px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
}
#actRecordTables4 td {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 5px;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	text-align: center;
}
#actRecordTables5 {
	border-left: 1px solid #a2c7ff;
	border-top: 1px solid #a2c7ff;
	width: 100%;
}
#actRecordTables5 th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 5px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
}
#actRecordTables5 td {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 5px;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	text-align: center;
}
#appArea {
	margin-top: 2px;
	padding-bottom: 30px;
	width: 100%;
	float: left;
}
#appAreaHolder {
	border: 1px solid #D7D7D7;
	padding-bottom: 30px;
	margin-top: 21px;
	overflow: auto;
}
#appPageHomeTop {
	margin-left: 1px;
	height: 30px;
	width: 95%;
	margin: 0 auto;
}
#appPageHomeMessageBox {
	background-color: #F0F9FF;
	border: 1px solid #D7D7D7;
	height: 45px;
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 30px;
}
#appPageHomeTableCaption {
	margin-top: 30px;
	height: 30px;
	margin-left: 30px;
	margin-right: 30px;
}
#appPageHomeTableFooter {
	height: 27px;
	margin-top: 21px;
	margin-left: 30px;
	margin-right: 30px;
}
.evenrow {
	background-color: #F3FAFF;
}
.hshyperlink {
	text-decoration: none;
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 27px;
}
#leftPaneHolder {
	border: 0px solid #CCC;
	border-right: 1px solid #CCC;
	background-color: #f0f9ff;
	height: 650px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 5px;
	width: 149px;
}
#leftPaneseperator {
	text-align: center;
	width: 15px;
	margin-top: 25px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #CCC;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
}
#leftPaneServices {
	height: 39px;
	width: 148px;
	border-bottom: #000;
	border-bottom: 1px solid #CCC;
	margin-left: 0px;
	font-size: 7pt;
}
#leftPaneServices a {
	margin-left: 5px;
	text-indent: 5px;
	text-decoration: none;
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
}
#navBar {
	height: 66px;
	background: url(../images/navBar_bg.png);
	background-repeat: repeat-x;
}
#navBarButtons {
	height: 66px;
	width: 166px;
	padding-top: 27px;
	padding-left: 70px;
	width: 110px;
}
.oddrow {
	background-color: #FFF;
}
.paginationText {
	text-decoration: none;
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
}
.paginationTextCurrent {
	text-decoration: none;
	color: #b04200;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}
#rightPaneBottomBox {
	padding-top: 7px;
	width: 100%;
	border: #999;
}
#rightPaneHeaderBox {
	width: 100%;
	height: 17px;
	color: #FF6600;
	margin-top: 0px;
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	background-color: #F0F9FF;
	border: 0px solid #E1E1E1;
}
#rightPaneHolder {
	height: 650px;
	width: 900px;
	margin-top: 5px;
	margin-right: 0px;
}
section#services .extra_content04 {
	float: left;
}
#selectBox {
	width: 150px;
	padding: 5px;
	font-size: 12px;
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	color: #585858;
}
.selectBox {
	width: 150px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #c0c0c0;
	color: #585858;
}
.textbox {
	width: 150px;
	padding: 5px;
	font-size: 12px;
	background: #ffffff;
	border: 1px solid #c0c0c0;
	color: #585858;
}
.textboxError {
	width: 150px;
	font-size: 12px;
	background: #e4e5e5;
	border: 1px solid #c0c0c0;
	color: #585858;
}
#textBox {
	width: 150px;
	height: 15px;
	font-size: 7pt;
}
#tableExtensions td {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 10px 14px;
}
#tableExtensions input[type=text],
textarea {
	border-style: inset;
	border-width: 1px;
}
#tableHeaderTop {
	width: 30%;
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
}
#tableNavBar {
	width: 100%;
	height: 66px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bolder;
	padding-left: 30px;
}
#tableNavBar tr td a {
	color: #F9A44F;
	text-decoration: none;
}
#tableNavBar tr td a:hover {
	color: #FFF;
	text-decoration: none;
}
#tableNavBar tr td {}
#tableServicesView {
	float: right;
}
#tableServicesView a {
	text-decoration: none;
	font: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	color: #CCC;
}
#ServiceInfo {
	border: 0px solid #a2c7ff;
	width: 100%;
}
#ServiceInfo th {
	color: #045bb4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 20px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	table-layout: fixed;
	break-word: word-wrap;
}
#ServiceInfo td {
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	height: 7px;
	text-align: left;
	font-weight: bold;
	table-layout: fixed;
	break-word: word-wrap;
}
#ServiceInfo td a {
	color: #006cff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-align: left;
}

}
table#servicestable1 {
	width: 95%;
	margin: 0 auto !IMPORTANT;
	float: none !IMPORTANT;
}
table#servicestable2 {
	width: 100%;
    float: none !important;
    margin: 0 auto !IMPORTANT;
    max-width: 99%;
}
#univTables th {
	color: #fff;
	font-family: Arial,
	Helvetica,
	sans-serif;
	font-size: 10pt;
	height: 20px;
	background-color: #FFFFCC;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	table-layout: fixed;
	padding: 8px 6px;
}
#univTables td {
	color: #000;
	font-size: 14px;
	font-family: 'Open Sans',
	sans-serif;
	height: 7px;
	border-right: 1px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	text-align: center;
	font-weight: 600;
	table-layout: fixed;
	break-word: word-wrap;
	padding: 10px 0 !important;
}
#univTables td a {
	color: #006cff;
	font-family: Arial,
	Helvetica,
	sans-serif;
	font-size: 7pt;
}
#univTables1 {
	width: 100%;
	margin-bottom: 5px;
}
#univTables1 th {
	color: #045bb4;
	font-family: Arial,
	Helvetica,
	sans-serif;
	font-size: 9pt;
	font-weight: bold;
	height: 7px;
	background-color: #FFFFCC;
	border-top: 0px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	border-left: 0px solid #a2c7ff;
	border-right: 1px solid #a2c7ff;
}
#univTables1 td {
	color: #005cff;
	font-family: Arial,
	Helvetica,
	sans-serif;
	font-size: 7pt;
	height: 12px;
	text-align: center;
	font-weight: bold;
	border-top: 0px solid #a2c7ff;
	border-bottom: 1px solid #a2c7ff;
	border-left: 0px solid #a2c7ff;
	border-right: 1px solid #a2c7ff;
}
#univTables1 th a {
	color: #045bb4;
	font-family: Arial,
	Helvetica,
	sans-serif;
	font-size: 7pt;
	font-weight: bold;
}
#univTables1 td a {
	color: #006cff;
	font-family: Arial,
	Helvetica,
	sans-serif;
	font-size: 7pt;
}
#topHeader {
	height: 21px;
}
#wrapApp {
	margin-left: 60px;
	width: 1060px;
}
#wrapperTop {
	margin: 0px auto;
	width: 1200px;
	background: url(../images/wrapper_bg.png);
	background-repeat: repeat-y;
}
#MenuTables {
	border-left: 0px solid #a2c7ff;
	border-top: 0px solid #a2c7ff;
	border-right: 0px solid #a2c7ff;
	border-bottom: 0px solid #a2c7ff;
	width: 100%;
}
#MenuTables th {
	color: #045bb4;
	font-family: Arial,
	Helvetica,
	sans-serif;
	font-size: 14pt;
	height: 20px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 0px solid #a2c7ff;
	border-bottom: 0px solid #a2c7ff;
	width: 22%;
}
#MenuTables td {
	color: #006cff;
	font-family: Arial,
	Helvetica,
	sans-serif;
	font-size: 14pt;
	height: 22px;
	border-left: 2px solid #a2c7ff;
	border-top: 2px solid #a2c7ff;
	border-right: 2px solid #a2c7ff;
	border-bottom: 2px solid #a2c7ff;
	padding-right: 60px;
	text-align: center;
	font-weight: bold;
	width: 33%
}
#MenuTables td a {
	color: #006cff;
	font-family: Arial,
	Helvetica,
	sans-serif;
	font-size: 10pt;
	text-align=center;
	padding-right: 60px;
}
#MenuTablesUser th {
	color: #045bb4;
	font-family: Arial,
	Helvetica,
	sans-serif;
	font-size: 12pt;
	height: 17px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 0px solid #a2c7ff;
	border-bottom: 0px solid #a2c7ff;
}
#MenuTablesUser td {
	color: #006cff;
	background-color: #CCFFFF;
	font-family: Arial,
	Helvetica,
	sans-serif;
	font-size: 9pt;
	height: 17px;
	border-left: 1px solid #a2c7ff;
	border-bottom: 0px solid #a2c7ff;
	padding-left: 3px;
	text-align: center;
	font-weight: bold;
}
#MenuTablesUser td a {
	color: #006cff;
	font-family: Arial,
	Helvetica,
	sans-serif;
	font-size: 9pt;
	text-align: center;
	padding-right: 60px;
}
#ModulesTables {
	border-left: 0px solid #a2c7ff;
	border-top: 0px solid #a2c7ff;
	width: 100%;
}
#ModulesTables th {
	color: #045bb4;
	font-family: Arial,
	Helvetica,
	sans-serif;
	font-size: 7pt;
	height: 7px;
	background: url(../images/tableHeaderBg.png) repeat-x;
	border-right: 0px solid #a2c7ff;
	border-bottom: 0px solid #a2c7ff;
	width: 22%;
}
#ModulesTables td {
	color: #006cff;
	font-family: Arial,
	Helvetica,
	sans-serif;
	font-size: 7pt;
	height: 7px;
	background-color: #C2EBFF;
	border-right: 0px solid #a2c7ff;
	border-bottom: 0px solid #a2c7ff;
	text-align: center;
	font-weight: bold;
}
#ModulesTables td a {
	color: #006cff;
	font-family: Arial,
	Helvetica,
	sans-serif;
	font-size: 7pt;
}

/* SPINNER  
#work-in-progress {
	position: fixed;
	width: 100%;
	height: 100%;
	font-size: 150px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	z-index: 200000;
	background-color: #ffffff00;
}*/
.work-spinner {
	background-color: rgb(255,
	255,
	255);
	border: 3px solid rgba(27,
	61,
	226,
	0.9);
	opacity: .9;
	border-left: 5px solid rgba(0,
	0,
	0,
	0);
	border-radius: 100px;
	-webkit-box-shadow: 0 0 35px #1B3DE2;
	box-shadow: 0 0 30px #1B3DE2;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	-moz-animation: spin .5s infinite linear;
	-webkit-animation: spin .5s infinite linear;
	-o-animation: spin .5s infinite linear;
	animation: spin .5s infinite linear;
}
@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
@-o-keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/*--------------------*/
#loader {
	position: absolute;
	/* You need position relative at least. */
	height: 16px;
	width: 180px;
	top: 50%;
	left: 0%;
	/*margin-top: -8px;
  */
	/*margin-left: -90px;*/
	overflow: hidden;
	width: 95%;
	margin: 0 auto;
	right: 0;
}
#loader p.layers {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	top: 0;
	right: 0;
}
.layers:nth-of-type(1) {
	background-color: #A9A9A9;
	z-index: 102;
}
.layers:nth-of-type(2) {
	background-color: #FF2;
	z-index: 101;
}
.layers:nth-of-type(3) {
	background-color: #D3D3D3;
	z-index: 100;
}
form#getpincdr {
	margin-bottom: 20px !important;
}
#addPageHomeTable #MenuTablesUser td {
	background-color: #00a3da;
	font-size: 13px;
}
#addPageHomeTable #MenuTablesUser td a {
	font-size: 13px;
	color: #fff;
}
.extra_content01 table#servicestable {
	border: none;
}
#gerachangeuser input {
	border: 1px solid #ccc;
}
table.newstyle {
	box-shadow: 0px 0px 31px 1px rgb(216,
	216,
	216);
	width: 90%;
	margin: 0 auto;
	border-collapse: collapse;
	border-radius: 5px;
	overflow: hidden;
	font-size: 14px !IMPORTANT;
}
table.newstyle td {
	padding: 10px 14px;
}
table.newstyle input {
	border: 1px solid #ccc !important;
}
.extra_content04 img {
	width: unset !important;
}
#gerashowardate #tableExtensions,
#gerashowpendingcharges #tableExtensions,
#geraeditsalesrep #tableExtensions {
	width: 100%;
	margin: 0 auto;
}

/* CSS for icons */
i.fa.fa-calendar {
	vertical-align: -webkit-baseline-middle;
	padding-left: 4px;
}

/*red circle top header*/
.fa-circle.red-circle {
	display: inline-flex;
	vertical-align: middle;
}
.fa-circle.red-circle:before {
	color: #ff000000;
	font-size: 0px;
	padding: 4px 4px;
	box-shadow: 0px 0px 1px 0px #000000;
	border-radius: 10px;
	background: radial-gradient(#ff141494,
	#ff0404bf,
	#ab0a0a);
}

/*total*/
.far.fa-times-circle.pl-total {
	transform: rotate(45deg);
}

/*edit*/
.fa-pencil-square-o.edit-note:before {
	color: #3d3d3dd4;
	font-weight: 100;
}

/*money*/
.fa-repeat.re-money-orng:before {
	color: #f39a43eb;
}

/*invoice*/
.fa-file-invoice-dollar.dlr-invo:before {
	color: #312d2dc7;
}
/*circle green and gray*/
.fa-circle.gray-circle:before {
	color: #43424100;
	padding: 2px 3px;
	background: linear-gradient(1deg,
	black,
	#0000007a);
	border-radius: 20px;
}

/*delete-trash*/
.fa-trash-o.tr-delet:before {
	color: #e00606;
	font-weight: 600;
}

/*blcok close*/
.fa-times-circle.block-blu:before {
	font-size: 15px;
	color: #2d9ac1;
}

/*simcards*/
.fa-sim-card.sim-green:before {
	background-color: #f9ca00;
	font-size: 18px;
	color: #088e14;
	border-radius: 1px 8px 1px 1px;
}
.fa-sim-card.sim-red:before {
	background-color: #f9ca00;
	font-size: 18px;
	color: #f11c0c;
	border-radius: 1px 8px 1px 1px;
}

/*report*/
i.fas.fa-icicles.ic-report {
	transform: rotate(180deg);
}
.fas.fa-icicles.ic-report:before {
	color: #00aeef;
}

/*Chart*/
.fa-circle.multi-clr-icn:before {
	background: conic-gradient( from 0deg,
	#ea4335 72deg,
	#4285f4 72deg 144deg,
	#34a853 144deg 216deg,
	#fbbc05 216deg 288deg,
	#f18a1f 288deg 360deg) 73% 55%/150% 150% no-repeat;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
table#servicestable1 {
	width: 100%;
    margin: 0 auto !important;
    float: none !important;
    max-width: 99%;
}
.extra_content01 .sortable tbody>tr>:nth-child(4) {
	width: 1%;
}
.extra_content01 .sortable tbody>tr>:nth-child(6) {
	width: 1%;
}
.extra_content01 .sortable tbody>tr>:nth-child(13) {
	width: 8%;
}
.extra_content01 .sortable i.fa.fa-circle.green-circle,
i.fa.fa-circle.gray-circle {
	float: right;
}
header a:nth-of-type(1) img {
	margin-top: 10px;
	width: 160px !important;
	height: 80px !important;
	object-fit: fill;
}
i.fa.fa-table {
	color: #01a32b;
}
i.fas.fa-times {
	color: #ff2b1c;
}
.helpicon {
	color: #ff905c;
}
/*.extra_content01 .sortable tbody>tr td {
	white-space: nowrap;
}*/
.redoicon {
	color: #f7be86;
}
header span {
	left: 207px !important;
}
.popp-sectn {
	width: 100%;
	border: none;
}
fas.fa-check.ico-ok {
	color: #01A32B;
	font-size: 15px;
}
fas.fa-ban.ico-notok {
	color: #E20000;
	border-radius: 25px;
	font-size: 15px;
}
.sortable#univTables thead tr th {
	background:#101d49;
	color:#fff;
	font-weight:400;
	font-family: 'Montserrat',
	sans-serif;
}
.sortable#univTables tbody tr td {
	color:#000;
	font-weight:400;
	font-size:13px;
	padding:10px !important;
	background:#fff;
	border-bottom: 1px solid #e0e0e0 !important;
	border-left: 1px solid #e0e0e0 !important;
	font-family: 'Montserrat',
	sans-serif;
}
fieldset legend.headerFont {
	width:calc(100% - 20px);
	padding:13px 10px;
}
fieldset div#addPageHomeTable {
	width:calc(100% - 10px);
	margin:0 auto;
}
section table.sortable#univTables {
	width:calc(100% - 80px);
	margin:0 auto;
}
fieldset div#addPageHomeTable table,
fieldset div#addPageHomeTable table#MenuTablesUser {
	width:100%;
	margin:0px;
	padding:0px;
}
table#MenuTablesUser.menutabus-1 {
	width:calc(100% - 80px);
	margin:0 auto;
	padding:0px;
}
#appPageHomeTable table#univTables td {
	font-size: 14px;
	padding: 5px !important;
}
/*section table#servicestable th,
section table#servicestable tr {
	border-bottom:1px solid gray !important;
}*/
.extra_content04 table#servicestable th {
	border-bottom: 1px solid #ccc !important;
}
.extra_content04 table#servicestable {
	margin-top:0px !important;
}
.extension {
	transform: rotate(140deg);
}
.modal {
	top: 100px;
	left: 0;
	right: 0;
}
form#geragetdidslist {
	margin-top: 75px;
}
fieldset table#univTables {
	display: table !important;
}
form#geragetdidslist {
	padding-top: 76px !important;
}
.m2mtabs .fa,
.fas,
.far {
	margin-right:5px;
}
#bottomdemeu .fa,
.fas,
.far {
	margin-right:0px;
}
.extra_content03 select {
	width: 95%;
}
form#accountowner input[type="submit"] {
	margin-top: 5px !important;
}
i.fas.fa-circle.online-circ {
	color: #8fc402;
}
.extra_content04 table#servicestable tfoot th {
	background: #fff !important;
	color: #000 !important;
}
i.fa.fa-circle.yellow-circle {
	color: #f7c203;
}
i.fa.fa-circle.orange-circle {
        color: #FFA500;
}
i.fa.fa-circle.vermelho-circle {
        color: red;
}
i.fa.fa-circle.blue-circle {
	color: #00a3da;
}
.bulkuploadinfo b {
	padding-left: 5px;
	font-size:14px;
}
.bulkuploadinfo input[type="submit"] {
	border: none;
	background: #ff905c;
	color: #ffffff !important;
	padding: 15px;
	border-radius: 6px;
	display: inline-block;
	transition: all 0.3s ease 0s;
	font-weight: 600;
	text-transform: capitalize;
}
.bulkuploadinfo input[type="submit"]:hover {
	color: #fff !important;
	font-weight: 700 !important;
	letter-spacing: 0;
	background: #00a3da;
	-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	transition: all 0.3s ease 0s;
}
.bulkuploadinfo table.extra_service2.th {
	display: table;
}
.bulkuploadinfo table.extra_service2.th th:first-child {
	padding: 10px 19px;
}
.bulkuploadinfo table.extra_service2.th th:nth-child(2) {
	padding: 10px 19px;
}
.bulkuploadinfo table.extra_service2.th th:nth-child(2) .selectBox {
	border: 1px solid #ccc !important;
	background: #fff !important;
	max-width: 100% !important;
	padding: 10px 15px 10px!important;
	margin: 0px !important;
}
.questionhelp {
	color: #33b8b9;
}
.content {
    position: absolute;
    background-color: white;
    width: 100%;
    left: 0px;
}
.checkboxtab:checked ~ .content {
    z-index: 1;
}
.bulkhelp-info {
    position: relative;
    clear: both;
}
.tab {
    float: left;
}
.checkboxtab {
    display: none;
}
.checkboxtab:checked ~ label {
    color: #ab70ff;
    border: 1px #000 solid;
}
label {
    margin-right: 10px;
}
table.extra_service2.th th:first-child {
    padding: 10px 19px;
}
.extra_content01 a{
  padding:10px 0;
}

.extra_content01 .service_block_list td img {
    width: 70px !important;
}
.extra_content01 .service_block_list1 td img{
   width: 70px !important;
}
.service_block_list1 table#servicestable tr:first-child th {
    background: #fff !important;
}
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6),
.tabset > input:nth-child(13):checked ~ .tab-panels > .tab-panel:nth-child(7),
.tabset > input:nth-child(15):checked ~ .tab-panels > .tab-panel:nth-child(8),
.tabset > input:nth-child(17):checked ~ .tab-panels > .tab-panel:nth-child(9),
.tabset > input:nth-child(19):checked ~ .tab-panels > .tab-panel:nth-child(10),
.tabset > input:nth-child(21):checked ~ .tab-panels > .tab-panel:nth-child(11),
.tabset > input:nth-child(23):checked ~ .tab-panels > .tab-panel:nth-child(12),
.tabset > input:nth-child(25):checked ~ .tab-panels > .tab-panel:nth-child(13),
.tabset > input:nth-child(27):checked ~ .tab-panels > .tab-panel:nth-child(14),
.tabset > input:nth-child(29):checked ~ .tab-panels > .tab-panel:nth-child(15),
.tabset > input:nth-child(31):checked ~ .tab-panels > .tab-panel:nth-child(16),
.tabset > input:nth-child(33):checked ~ .tab-panels > .tab-panel:nth-child(17),
.tabset > input:nth-child(35):checked ~ .tab-panels > .tab-panel:nth-child(18)
{

  display: block;
}

.tab-panel {
    padding-left: 50px;
}
.tabset > label::after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: #8d8d8d;
}

.tabset > label:hover,
.tabset > input:focus + label {
  color: #06c;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #06c;
}

.tabset > input:checked + label {
    border-color: #ccc;
    /* border-bottom: 1px solid #fff; */
    margin-bottom: -1px;
    background: #fff;
    box-shadow: inset 0 3px #0CE;
}
.tabset > label {
    font-weight: 500;
    font-size: 15px;
    display: block;
    float: left;
    width: 9%;
    padding: 20px 15px;
    color: #000;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    background: #f0f0f0;
    margin-right: 0px;
    margin: 5px;
}
.bottomhelp-content h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
}
.tab-panel {
  padding: 30px 0;
  border-top: 1px solid #ccc;
  clear: both;
  padding-left: 60px;
}
.tab-panels ul {
    column-count: 2;
}

.bulkhelp-info {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #ccc;
    padding: 20px;
    background: #f6f9fa;
    max-width: 95%;
    margin-top: 20px;
}
.bottomhelp-content {
    margin-top: 5%;
}
#services .extra_content01 .serviceleft {
    margin-top: 1% !important;
    clear: both;
}
.service_block_list1 #servicestable{
  height:185px;
}
.service_block_list1 table#servicestable tr:first-child th{
  padding:0px !important;
}
.service_block_list1 table#servicestable tr h3{
  padding:0px;
}
.service_block_list1 table#servicestable td{
  padding:0px !important;
}
.online-circ{
  color: #01a32b;
}
section.hometool-sec{
  padding-bottom:50px;
  width:95%;
}
#tool-info .fa, #tool-info .fas , #tool-info .far , #tool-info .fab{
  font-size:70px !important;
  text-align:center;
      padding-bottom: 20px;
      color: #ff905c;

}
section.hometool-sec {
    padding-bottom: 50px;
    width: 96%;
    margin: 0 auto;
}
#tool-info ul li {
 width: 12%;
    float: left;
    border: 1px solid #00a3da;
    margin: 21px;
    padding: 30px 20px;
    min-height: 210px;
    box-shadow: 0 0 40px rgba(82,85,90,0.1);
    border-radius: 5px;
      	z-index: 1;
	background-color: #ffffff;
	-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
	-webkit-transition: all 0.5s;
	background: #fff !important;
	position: relative;
	overflow: hidden;
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform: perspective(1px) translateZ(0);
    min-height: 250px;
}
#tool-info ul li a{
  display: grid;
  text-align:center;
  font-weight: 600;
}

.hometool-info {
    width: 100% !important;
    margin: 0 auto !important;
    display: grid;
    text-align: center;
}
#tool-info ul li:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/images/2.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0.1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
#tool-info ul li:hover::after {
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 2px solid #000;
}
#tool-info ul li:hover{
  box-shadow: 0 10px 10px -10px rgba(0,0,0,.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#tool-info h4 {
    background: #fff;
    color: #00a3da;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
    min-height: 50px;
    border-bottom: none;
}
#tool-info p {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    font-weight: 500;
}
table#toolinfo-block{
	text-align: center;
	border: 1px solid #f6f6f6 !important;
	box-shadow: none !important;
	margin-bottom: 10px;
}
#toolinfo-block td {
    background: #fdfdfd !important;
    padding: 0px;
}
#toolinfo-block i.fas.fa-chevron-down {
    background: #fbfbfb;
    border: none;
    box-shadow: none;
}
.fa-circle.red-circle:before {
    color: red;
}
i.fas.fa-lock.keyicon {
    color: #df9f32;
}
.amChartsLegend.amcharts-legend-div{
	top: 17px !important;
}
div#chartdiv6{
	height: 400px !important;
}
i.fas.fa-circle.green {
    color: #2ae584;
}
.amcharts-chart-div{
	width:600px !important;
	text-align: center !important;
}
.bulkuploadinfo td {
    padding: 10px;
}
.amcharts-chart-div svg {
left: 268px !important;
    top: 10px;
    overflow: visible;
}
#appPageHomeTable table#univTables{
      width: 75%;
}
div#chartdiv2, div#chartdiv3, div#chartdiv6, div#chartdiv7 {
max-width: 500px !important;
    max-height: 210px !important;
}
.extra_content01 .sortable tbody>tr>:nth-child(2) {
	width: 2%;
}
.extra_content01 .sortable tbody>tr>:nth-child(3) {
	width: 1%;
}
.extra_content01 .sortable tbody>tr>:nth-child(5) {
	width: 4%;
  text-align:left;
}
.extra_content01 .sortable tbody>tr>:nth-child(6) {
	width: 1%;
  text-align:left;
}
.extra_content01 .sortable tbody>tr>:nth-child(7) {
	width: 1%;
  text-align:left;
}
.extra_content01 .sortable tbody>tr>:nth-child(8) {
	width: 1%;
  text-align:left;
}
.extra_content01 .sortable tbody>tr>:nth-child(9) {
	width: 1%;
  text-align:left;
}
.extra_content01 .sortable tbody>tr>:nth-child(10) {
	width: 1%;
  text-align:left;
}
.extra_content01 .sortable tbody>tr>:nth-child(11) {
	width: 2%;
  text-align:left;
}
.extra_content01 .sortable tbody>tr>:nth-child(12) {
	width: 2%;
  text-align:left;
}
.extra_content01 .sortable tbody>tr>:nth-child(14) {
	width: 1%;
  text-align:left;
}
.extra_content01 .sortable tbody>tr>:nth-child(15) {
	width: 1%;
  text-align:left;
}
.extra_content01 .sortable tbody>tr>:nth-child(1) {
    width: 1%;
}