/*
 * $Id: default.css,v 1.21 2014/09/01 14:39:54 vikashb Exp $
 */

* {
	margin: 0px;
	padding: 0px;
}

.newroman {
	font-family: "Times New Roman";
}

body {
	background-color: #FFF;
	font-family: arial, helvetica;
	color: #000000;
	background: #2e404d !important;
	font-size: 11px;
	border: 0px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;

}

.wrapper {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 5px;
}

p {
	font-family: arial,helvetica;
	color: #fff;
	font-size: 11px;
}

header {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0;
	border-style: none;
	margin: 0px;
	padding: 0px !important;
}

table {
	font-family: arial,helvetica;
	color: #000000;
	font-size: 11px;
	border-spacing:2px;
	border-style: none;
	border-width: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

table tbody.block, table thead.block {
	display: block;
}

table tbody.scroll {
	overflow: auto;
	max-height: 200px;
}

table.header {
	width: 100%;
	border-style: none;
	border-width: 0px;
	border-spacing: 0;
	margin: 0px;
	padding: 0px !important;
}

table.center {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

.padright40 {
	padding-right: 40px;
}

.padleft8 {
	padding-left: 8px;
}

.padleft20 {
	padding-left: 20px;
}

.padleft50 {
	padding-left: 50px;
}


.cellpad10 {
	padding: 10px;
}

.cellpad5 {
	padding: 5px;
}

.cellpad4 {
	padding: 4px;
}

.cellpad3 {
	padding: 3px;
}

.cellpad2 {
	padding: 2px;
}

.cellpad1 {
	padding: 1px;
}

.cellspace1 {
	border-spacing: 1px;
	border-collapse: collapse;
}

.cellspace2 {
	border-spacing: 2px;
	border-collapse: collapse;
}

.cellspace3 {
	padding-left: 10px;
	border-spacing: 3px;
	border-collapse: collapse;
}

.cellspace7 {
	border-spacing: 7px;
	border-collapse: collapse;
}

tr {
	font-family: arial,helvetica;
	color: transparent;
	font-size: 11px;
	padding: 0px;
}

table tr.row_selected {
	background-color: cyan !important;
}

table.border1 {
	border: 1px;
}

table.nopad {
	border-spacing: inherit;
	border-spacing: 0;
}

table.notoppad {
	padding-top: 0px;
}

table.nobottompad {
	padding-bottom: 0px;
}

th.solid_bottom, td.solid_bottom, tr.solid_bottom {
	border-bottom: 1px solid #fff;
}

tr.top_padding {
	padding-top: 15px;
}

td.nopad, tr.nopad {
	padding: 0px;
}

td.buttom_dotted {
	border-bottom:1px dotted #ddd;
}

td {
	font-family: sans-serif;
	color: transparent;
	font-size: 13px;
	padding: 0px;
	padding-left: 6px;
	padding-top: 2px;
	height:40px;
	color: #fff;
	font-weight: normal;
}

.height_12 {
	height: 12px;
}

td.height_5 {
	height: 5px;
}

td.height_3 {
	height: 3px;
}

td.height_2 {
	height: 2px;
}

td.height_1 {
	height: 1px;
}

hr {
	color: #00AEEF;
}

input {
	font-family: arial,helvetica;
	color: #000000;
	font-size: 11px;
	border: 5px solid #FFF !important;
	border-style: solid;
	background-color: #ffffff;
}
input::placeholder {
	color: black;
}
.form-control-sm {
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #b5b5b5 !important;
}

input.disabled {
	border: 1px solid #aaa;
	color: #aaa;
}

textarea {
	font-family: arial,helvetica;
	color: #000000;
	font-size: 11px;
	border: 1px solid #0072bc;
}

password {
	font-family: arial,helvetica;
	color: #000000;
	font-size: 11px;
	border: 1px solid #0072bc;
	border: 1px solid #0072bc;
}

select {
	font-family: arial,helvetica;
	color: #000000;
	font-size: 11px;
	border: 1px solid #0072bc;
	border: 1px solid #0072bc;
}

.wrapped_select {
	width: 275px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wrapped_select option {
	white-space: nowrap;
	width: 100%
}

.boxheader {
	border: 1px solid #fff;
	font-family: arial,helvetica;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

.searchheader {
	border: 1px solid #fff;
	font-family: arial,helvetica;
	font-size: 12px;
	font-weight: bold;
}

.box {
	padding: 3px;
	background-color: transparent;
}

.bulklinks {
    border: 5px solid #0072bc;
    background: #0072bc !important;
    font-weight: normal;
    color: #FFFFFF;
    border-color: transparent !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 5px 5px;
}

.box2 {
	margin-top: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #fff;
	background-color: #ffffff;
}

.custombox2 {
	margin-top: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #fff;
	background-color: #ffffff;
}

.comments {
	padding: 3px;
	border: 1px solid #f2f2f2;
	background-color: #ffffff;
}

a {
	color: #FFF !important;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	color: #FFF;
	font-weight: bold;
}

a.redlink {
	color: #ff0000;
	text-decoration: none;
	font-weight: bold;
}

.redlink:hover {
	color: #ff0000;
	text-decoration: underline;
	font-weight: bold;
}

a.link {
	color: #4d51a4;
	text-decoration: none;
	font-weight:normal;
}

a.whitelink {
	color: #ffffff;
}

.link:hover {
	color: #32367e;
	text-decoration: underline;
	font-weight:normal;
}

.searchrow1 {
    color: #fff;
    background-color: #516579;
	padding-left: 5px;
	border-left: solid 1px #e2e2e2;
	border-bottom: solid 1px #e2e2e2;
}

.searchrow2 {
	color: #fff;
	background-color: transparent;
	padding-left: 5px;
	border-left: solid 1px #e2e2e2;
	border-bottom: solid 1px #e2e2e2;
}

.searchrow1:hover {
        background-color: #f15a22;
}

.searchrow2:hover {
        background-color: #f15a22;
}

.formrow1 {
	background-color: transparent;
	padding-left: 5px;
}

.formrow2 {
        background-color: #516579;
		padding-left: 5px;
}

.formhead {
	padding-left: 5px;
	font-weight:bold;
	border-bottom:1px solid #fff;
}

.checkbox {
	border:none;
}

.onhover {
	background-color: #c2e9ed;
	padding-left: 5px;
}

.infoBox {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
}

.errorback {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.errormsg {
	position: absolute;
	left: 40%;
	top: 40%;
	padding: 20px 20px 20px 20px;
	color: #000;
	position: absolute;
	left: 40%;
	top: 30%;
	width: 20%;
	background: #afd1dd;
	border: 1px solid #000;
	text-align: center;
	border: 1px solid #00f;
}

.tooltipBox {

}

.tooltipBox td {
	border-style: solid none none none;
	border-width: 1px;
	border-color: #C1DAD7;
}

.tooltipBox tr {
	width : 150px;
}

.noData {
	text-align:center;
	padding : 5px;
	font-size: 13px;
	font-weight: bold;
	color: #00AEEF;
}

.bold {
	font-weight: bold;
}

.hide {
	display:none;
}

.show {
	display:block;
}

a.smallbutton, a.smallbutton:visited, a.smallbutton:hover, a.smallbutton:active {
	border: 1px solid #0072bc;
	text-decoration: none;
	font: bold 1.1em Arial, Sans-serif;
	border: 1px solid #CCC;
	background: #00AEEF;
	padding: 2px 3px;
	color: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

a.button, a.button:visited {
	border: 1px solid #0072bc;
	text-decoration: none;
	background: #0072bc;
	color: #FFFFFF;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 5px 5px;
}

button {
	border: 5px solid #0072bc;
	background: #0072bc !important;
	font-weight: normal;
	color: #FFFFFF;
	border-color: transparent !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 5px 5px;
}

input[type=submit], input[type=button] {
	padding: 2px 2px;
	border: 1px solid #0072bc;
	background: #FFF;
	color: #000;
	font-weight: normal;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

button.small, button.add_row, button.delete_row  {
	margin: 0;
	padding: 1px 1px;
	font: bold 1em Arial, Sans-serif;
}

.smallbutton {
	margin: 0;
	font: bold 1em Arial, Sans-serif;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 2px 3px;
	color: #333;
}

img.img10 {
	height: 10px;
	width: 10px;
}

img.img42 {
	height: 42px;
	width: 42px;
}

img.img80 {
	height: 80px;
	width: 80px;
}

img.center {
	margin: auto;
}

.error {
	color: #ff0000;
	font-weight: bold;
}

.red {
	color: #FFF;
	font-weight: normal;
}

.bluesteel {
	font-size : 2px;
	color: #4863a0;
}

.green {
	color: white;
	font-weight: bold;
}

.orange {
	color: orange;
	font-weight: bold;
}
.smallfont {
	font-family: arial, helvetica;
	font-size: 11px;
}

.lightgreen {
	background-color: #0072bc;
}

/* dataTables */

.highlight {
	color: red;
	font-weight: bold;
}

.clear {
	clear: both;
}

.dataTableResult {
	clear: both;
	position: relative;
}

.dataTables_scroll {
	margin-top: 10px;
}

.dataTables_filter {
	margin-bottom: 10px;
}

table.dataTable {
	padding-top: 10px;
}

table.dataTable thead th {
	font-weight: bold;
	background-color: #0072bc;
	border: none;
}

div.dt-buttons .dt-button {
	margin-right: 3px;
}

div.ui-buttonset > a.dt-button > .ui-button-text {
	text-decoration: none;
	background-color: white;
	color: black;
}

div.ui-buttonset {
	margin-bottom: 7px;
}

div.dt-button-collection > a.ui-state-default {
	background-color: white !important;
	color: black !important;
}

div.dt-button-collection > a.ui-state-active {
	background-color: #0072bc !important;
	color: white !important;
}

button.ColVis_Button {
	height: 23px;
}

.dataTables_wrapper .dataTables_paginate .fg-button {
	margin: 1px;
	color: white !important;
}

/* heigh */
.h_600px {
	height: 600px;
}

.h_200px {
	height: 200px;
}

/* width */
.w_1000px {
	width: 1000px;
}

.w_960px {
	width: 960px;
}
.nav_width {
	width: 100%;
	height:100px;
}
.w_900px {
	width: 900px;
}

.w_850px {
	width: 850px;
}

.w_800px {
	width: 800px;
}

.w_700px {
	width: 700px;
}

.w_680px {
	width: 680px;
}

.w_600px {
	width: 600px;
}

.w_500px {
	width: 500px;
}

.w_400px {
	width: 400px;
}

.w_350px {
	width: 350px;
}

.w_300px {
	width: 300px;
}

.w_250px {
	width: 250px;
}

.w_200px {
	width: 200px;
}

.w_160px {
	width: 160px;
}

.w_150px {
	width: 150px;
}

.w_120px {
	width: 120px;
}

.w_80px {
	width: 80px;
}

.w_40px {
	width: 40px;
}

.w_20px {
	width: 20px;
}

.w_100pct {
	width: 100%;
}

.w_80pct {
	width: 80px;
}

.w_95pct {
	width: 95%;
}

.w_90pct {
	width: 90%;
}

.w_85pct {
	width: 85%;
}

.w_80pct {
	width: 80%;
}

.w_75pct {
	width: 75%;
}

.w_70pct {
	width: 70%;
}

.w_66pct {
	width: 66%;
}

.w_65pct {
	width: 65%;
}

.w_60pct {
	width: 60%;
}

.w_50pct {
	width: 50%;
}

.w_40pct {
	width: 40%;
}

.w_35pct {
	width: 35%;
}

.w_34pct {
	width: 34%;
}

.w_33pct {
	width: 33%;
}

.w_30pct {
	width: 30%;
}

.w_25pct {
	width: 25%;
}

.w_22pct {
	width: 22%;
}
.w_20pct {
	width: 20%;
}

.w_17pct {
	width: 17%;
}

.w_16pct {
	width: 16%;
}

.w_15pct {
	width: 15%;
}

.w_10pct {
	width: 10%;
}

.w_5pct {
	width: 5%;
}

.w_auto {
	width: auto;
}

.white-txt {
	color: #ffffff;
}

.black {
	color: black;
}

.whitebg {
	background: #ffffff;
}

.blackbg {
	background: #000000;
}

.alignright {
	float: right;
}

.right {
	text-align: right;
	font-weight: normal;
}

.alignleft {
	float: left;
}
.left {
	text-align: left;
}

img.right {
	float: right;
}

img.left {
	float: left;
}

img.center {
	margin: auto;
}

img.no-border {
	border: none;
	margin: 0;
	padding: 0px 0px 0px 0px;
}

.top {
	vertical-align: text-top;
}

.bottom {
	vertical-align: text-bottom;
}

.banner {
	background: url(../../images/bannerStrip.jpg) repeat scroll 0 0;
}

.pad-left {
	padding-left: 30px;
}

.pad-right {
	padding-right: 30px;
}

.pad-top {
	padding-top: 5px;
}

.centerTxt {
	text-align: center;
}

.center {
	margin-left: auto;
	margin-right: auto;
}

/* loading screen */
#dialogLoading {
	background: url(../images/ajax-loader.gif) no-repeat 5px 8px;
	padding-left: 25px;
}

/* hide the close x on the loading screen */
.loadingScreenWindow .ui-dialog-titlebar-close {
	display: none;
	text-align: center;
}

/* overwrite .ui-dialog-titlebar */
.ui-state-hover, .ui-widget-header {
	background: #0072bc !important;
}

.ui-dialog-titlebar {
	background: #0072bc !important;
	color: #FFF !important;
	font-family: arial,helvetica;
	height: 53px !important;
}

.ui-state-default {
	background: #0072bc !important;
}

table.altcolour {
	border-spacing: 0;
}

table.altcolour tr:nth-child(odd) {
	background-color: #516579;
}

td.grp2 {
	background-color: #070f26;
}

table.altcolour tr:nth-child(even) {
	background-color: transparent;
}

table.altcolour tr:hover {
	background-color:  transparent;
}

table.hilite tr:hover {
	background-color:  transparent;
}

table.showHover tr:hover {
	background-color:  transparent;
}

br.spacer {
	margin: 4px 0;
}

br.small {
	margin: 7px 0;
}

#spinner {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../../images/load.gif) 50% 50% no-repeat #ede9df;
}

.nolinkSpan {
	color: #888;
	font-weight: bold;
}

.livesearch {
	border: 1px solid #A5ACB2;
	}

.tooltipster-noir {
	border-radius: 0px;
	border: 2px solid #2c2c2c;
	background: #fff;
	color: #2c2c2c;
}
.tooltipster-noir .tooltipster-content {
	font-family: 'Georgia', serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}

.chosen-input-text {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	padding: 3px 0px 3px 3px;
	border: 1px solid #aaa;
	font-size: 13px;
	height: auto;
	outline: 0;
	border-radius: 0;
}

.font_13px {
	font-size: 13px;
}

.chosen-input-text:focus {
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid rgba(81, 203, 238, 1);
}

::-webkit-input-placeholder {
	color: red;
}

:-moz-placeholder { /* Firefox 18- */
	color: red;
}

::-moz-placeholder {  /* Firefox 19+ */
	color: red;
}

:-ms-input-placeholder {
	color: red;
}

#toTop {
	position: fixed;
	top: 80%;
	right: 2%;
	padding: 10px;
	background: url(../../images/arrow_up.png) 50% 50% no-repeat ;
}

/* masage error style Xabiso Noguba */
.is_info, .is_success, .is_warning, .is_error, .is_validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.is_info {
	color: #00529B;
	background-color: #BDE5F8;
}

.is_success {
	color: #4F8A10;
	background-color: #DFF2BF;
}

.is_warning {
	color: #9F6000;
	background-color: #FEEFB3;
}

.is_error {
	color: #D8000C;
	background-color: #FFBABA;
}

.inline-block {
	display: inline-flex !important;
}

#CustomDiscountsDiv {
	margin-top: 5px;
	height: 275px;
	overflow: auto;
	border: 1px solid #9dc8e2;
}


#fade_xnog_Loader {
	display: none;
	position:absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #8BCBD4;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .70;
	filter: alpha(opacity=80);
}

#modal_xnog_Loader {
	display: none;
	position: absolute;
	top: 45%;
	left: 45%;
	width: 74px;
	height: 74px;
	padding:15px 15px 0px;
	border: 3px solid #8BCBD4;
	box-shadow:1px 1px 10px #8BCBD4;
	border-radius:20px;
	background-color: white;
	z-index: 1002;
	text-align:center;
	overflow: auto;
}

.accentLinks {
	color: #FF6600;
}

#DataTableResult td {
	color: #FFF !important;
}
#DataTables_Table_0 td {
	color: #FFF !important;
}
#UserList td {
	color: #FFF !important;
}
#DataTables_Table_0 td {
	color: #FFF !important;
}
#AccountsWithTopUps td {
	color: #FFF !important;
}
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
	src: local('Material Icons'),
	local('MaterialIcons-Regular'),
	url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
	url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
	url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 40px !important;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
}

#AdminUserTable td {
	color:black !important;;
}

.tooltip-inner {
    max-width: 800px !important;
}
.dropdown {
	position: relative;
}

.dropdown-content {
	display: none;
	background-color: transparent;
	min-width: 400px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown:hover .dropdown-content {display: block;}

#Static_GSM_Pools tr {
    color:white !important;
}

#TopupsbyUser tr {
	color:white !important;	
}

#TopupsbyUser tr:hover {
	background-color: #f15a22;
	padding-left: 5px;
}

div.fibre-address-list {
	color: black;
}

div.fibre-product-list {
	color: black;
}

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
        color: black !important;
>>>>>>> redo_bug468
}