body {
    background-color: #30373a;
	font-family:'Lato', sans-serif !important;
	/*font-family: 'Nunito', sans-serif;*/
	/* font-family: 'Nunito', sans-serif; */
	 
	
	/* font-family: 'Oswald', sans-serif; */
	/*font-family: 'PT Sans Narrow', sans-serif;*/
	/* font-family: 'Dosis', sans-serif; */
	/* font-size:1.5em; */
	/* letter-spacing:0.01em; */
	-webkit-font-smoothing: antialiased;
}
html, html a {
    -webkit-font-smoothing: antialiased !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
a 
{
   outline: 0;
}
a:hover, a:active, a:focus {
  outline: 0;
}

#wrapper 
{
    /* width: 100%; */
	max-width:963px;
	margin-left:auto;
	margin-right:auto;

	
}
#page-wrapper 
{
	margin-left:0px;
	margin: 0 0 0 225px;
	padding: 0px 0px;
	
}

@media(min-width:768px) {
    #page-wrapper 
	{
		margin-left:115px;
        position: inherit;
        /* margin: 0 0 0 225px; */
        padding: 0px 15px;
        border-left: 0px solid #30383B;
    }
}

.navbar-top-links {
    margin-right: 0;
	margin-top: 2px;
	
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 15px;
    min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
	border:none;
	
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.sidebar .sidebar-search {
    padding: 15px;
}

.sidebar ul li {
    border-bottom: 3px solid #30383B;
	background-color:#94D60A;
	min-height:70px;
	/* max-width:220px; */
	
}

.sidebar ul li a {
    color:#30373a;
	min-height:70px;
	font-size:17px; 
	line-height:70px;
	padding-left:50px;
	padding-left:0px;
	font-weight:600;
	
}

.sidebar ul li a.active {
    background-color: #94D60A;
	/* color:#30383B; */
	color:#fff;
	min-height:70px;
	font-weight:bold;
}

.sidebar .arrow {
    float: right;
}

.sidebar .fa.arrow:before {
    content: "\f104";
	font-size:28px;
	color:#fff;
}

.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
	font-size:28px;
	color:#fff;
}


.sidebar .nav-second-level li,
.sidebar .nav-third-level li 
{
    border-bottom: 0!important;
	border-top: 3px solid #30383B !important;
	
}

.sidebar .nav-second-level li a {
    padding-left: 100px;
	height:20px;
	line-height:45px;
	/* background-color:#96c11e; */
	font-size:14px;
	
}

.sidebar .nav-third-level li a {
    padding-left: 90px;
	height:20px;
	line-height:45px;
}

@media(min-width:768px) {


    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #94d60a;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
	background-color:#30383B;
}

.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}
/* 
.login-panel {
    margin-top: 38%;
}
 */


.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

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

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
	font-size:1.1em;
	color:#000;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
	font-size:1.1em;
	color:#000;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(0,0,0,.1);
	font-size:1.1em;
	
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee!important;
}

.show-grid {
    margin: 15px 0;
}

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #94d60a;
}

.panel-green .panel-heading {
    border-color: #000;
    color: #000;
    background-color: #fff;
}

.panel-dark .panel-heading {
    border-color: #94d60a;
    color: #000;
    background-color: #fff;
}

.panel-dark .panel-heading2 {
    border-color: #94d60a;
    color: #fff;
	background-color: #94d60a;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}







#page-wrapper h1 {color:#94d60a;}
.panel-body {background-color:#fff;color:#000}
.panel-default  { 

	border-color: #94d60a;
}

.panel-default .panel-heading { 
	border-color: #94d60a;
    color: #fff;
    background-color: #94d60a;
}
.navbar-default  { 
	border-color: #30383B;
    color: #fff;
    background-color: #30383B;
}

.navbar .navbar-default  { 
	border-color: #94d60a;
    color: #fff;
	
    background-color: #94d60a;
}


/* 
.navbar .navbar-default a {color:#fff}
.navbar .navbar-default a:hover {color:#fff;background-color:#30383B;}
.navbar .navbar-default a:visited{color:#fff}
.navbar .navbar-default a:active{color:#fff;background-color:#30383B;}
 */
.navbar .navbar-default a {color:#ffffff;outline: 0}
.navbar .navbar-default a:hover {color:#ffffff;background-color:#30383B;outline: 0}
.navbar .navbar-default a:visited{color:#ffffff;outline: 0}
.navbar .navbar-default a:active{color:#ffffff;background-color:#30383B;outline: 0}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  /* color:#30383B; */
  color:#fff;
  background-color:#94D60A;
  /* font-weight:700; */
}


#whiteBG { border:0px solid #94d60a; padding:0px; background-color:#30373a;width:100%; }

.appTitle
{
/*
	font-size:0.80em;
	float:left;
	margin-left:-118px;
	padding-top:35px;
	padding-bottom:1px;
*/
	font-size:0.80em;
	float:left;
	margin-left:-10px;
	padding-top:20px;
	padding-bottom:1px;
}
.btn-success 
{
	background-color:#94d60a; border:#94d60a;
}
.btn-success[href]:hover,
.btn-success[href]:focus {
  background-color: #30383B;
}

#overlay
{
	margin-top:50%;
	background: rgba(48, 56, 59,0.95);
	/* height:55px; */
	border-bottom:1px solid red;
}
.loaderContainer
{
	margin-top:50%;
	margin-left:auto;
	margin-right:auto;
	width:100px;
}

@media(min-width:768px) 
{
	#overlay
	{
		margin-top:50%;
		background: rgba(0, 0, 0, 0.2);
		height:55px;
		border-bottom:1px solid #94d60a;
	}
	.loaderContainer
	{
		margin-top:18px;
		margin-left:auto;
		margin-right:auto;
		width:100px;
	}
	.panel-title
	{
		float:right;
		margin-top:100px;
	}


}

.pageLoaderText
{
	float:left;
	margin-left:10px;
	margin-top:0px;
	font-size:0.75em;
	text-transform:uppercase;
	font-family: 'PT Sans Narrow', sans-serif;
	letter-spacing:.15em;
	color:#F5F5F5;
}

.tableActions
{
	margin-left:20px;
}


.darkText
{
	color:#30383B;
}
.darkTextTitle
{
	font-size:1.3em;
	font-weight:400;
	color:#30383B;
}

.fontFix
{
	font-family: 'PT Sans Narrow', sans-serif;
}

.debeli
{
	font-weight: 700;
}

.panel-title
{
	float:right;
	margin-top:-20px
}

.topupRemainingCredit
{
	padding-left:20px;
	padding-bottom:10px;
}


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

#login-wrapper
{
	margin-left:auto;
	margin-right:auto;
	max-width:776px;
}

.login-inputs td
{
	padding:3px;
}

.login-options
{
	font-size:0.9em;
}

.btn-default {
  color: #000;
  background-color: #94D60A;
  border-color: #94D60A;
}

.login-panel {
    margin-top: 30px;
}

#logo_login
{
	width:100%;
	height:100%;
	max-width:340px;
	max-height:103px;
	margin-top:102px;
	/* margin-left:-190px; */
	
}

#logo_main
{
	width:100%;
	height:100%;
	max-width:340px;
	max-height:103px;
	margin-top:30px;
	margin-bottom:0px;
	margin-left:0px;
	
}

.navbar
{
	min-height:10px;
}

.navbar-static-top
{
	background-color: #30373a;
	border:none;
}

.container
{
	max-width:850px;
	padding:0px;
}


.home
{
	background-image: url('../img/icons/home.png');
	background-repeat: no-repeat;
	float:left;
	display: block; 
	width:65px;
	height:70px;
	margin-right:10px;
}
.dashboard
{
	background-image: url('../img/icons/dashboard.png');
	background-repeat: no-repeat;
	float:left;
	display: block; 
	width:65px;
	height:70px;
	margin-right:10px;
}
.agents
{
	background-image: url('../img/icons/agents.png');
	background-repeat: no-repeat;
	float:left;
	display: block; 
	width:65px;
	height:70px;
	margin-right:10px;
}
.topup
{
	background-image: url('../img/icons/topup.png');
	background-repeat: no-repeat;
	float:left;
	display: block; 
	width:65px;
	height:70px;
	margin-right:10px;
}
.payments
{
	background-image: url('../img/icons/payments.png');
	background-repeat: no-repeat;
	float:left;
	display: block; 
	width:65px;
	height:70px;
	margin-right:10px;
}
.logout
{
	background-image: url('../img/icons/logout.png');
	background-repeat: no-repeat;
	float:left;
	display: block; 
	width:65px;
	height:70px;
	margin-right:10px;
}

.fixContent
{
	padding-right:0px;
	
 }
 
.serviceType 
{
	width:180px;
	margin-top:33px;
	float:right;
}

.specTable thead
{
	border-bottom:1px #30373A solid;
}

.rowLine 
{
	border-bottom:1px #30373A solid;
}
.rowLines
{
	padding:10px 0px 10px 25px;font-weight:400;
}

.title
{
	font-weight:700;
}

.bold
{
	font-weight:bold;
}

.panel-default
{
	border:0px;
}

.panel-heading
{
		padding-top:7px;
		padding-bottom:7px;
}

/* datatable patch */
table.dataTable thead 
{
	/* background-color:#94D60A; */
	background-color:#fff;
	font-size:1.1em;
}

table.dataTable thead > tr > th {
    padding-left: 0px;
    padding-right: 0px;
	text-align:left;
}

table.dataTable tr
{
	/* border:1px #94D60A solid; */
	font-weight:600;
	font-size:1.2em;
}



#dataTables.table tbody td
{
	border-bottom:1px #30373A solid;
    padding-left: 18px;
    padding-right: 0px;	
}
/* 
#dataTables.table tbody td:first-child
{
    padding-left: 18px;
    padding-right: 0px;	
}
*/
 #dataTables.table tbody tr:first-child td
{
	border-top:1px #30373A solid;
}

#dataTables thead tr
{
	border-top:0px #30373A solid;
}

.input-group-addon
{
	background-color: #C6C6C6;
	color:#000;
}

.lightBGInput
{
	background-color: #fff;
	color:#000;

}

input[type=number] 
{
	-moz-appearance: textfield;
	margin: 0; 
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}

/* GREEN SUBMIT */

.btn-greenSubmit {
  color: #fff;
  background-color: #94d60a;
  border-color: #94d60a;
}
.btn-greenSubmit:hover,
.btn-greenSubmit:focus,
.btn-greenSubmit.focus,
.btn-greenSubmit:active,
.btn-greenSubmit.active,
.open > .dropdown-toggle.btn-greenSubmit {
  color: #fff;
  background-color: #94d60a;
  border-color: #94d60a;
}
.btn-greenSubmit:active,
.btn-greenSubmit.active,
.open > .dropdown-toggle.btn-greenSubmit {
  background-image: none;
}
.btn-greenSubmit.disabled,
.btn-greenSubmit[disabled],
fieldset[disabled] .btn-danger,
.btn-greenSubmit.disabled:hover,
.btn-greenSubmit[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-greenSubmit.disabled:focus,
.btn-greenSubmit[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-greenSubmit.disabled.focus,
.btn-greenSubmit[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-greenSubmit.disabled:active,
.btn-greenSubmit[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-greenSubmit.disabled.active,
.btn-greenSubmit[disabled].active,
fieldset[disabled] .btn-greenSubmit.active {
  background-color: #769C0D;
  border-color: #769C0D;
}
.btn-greenSubmit .badge {
  color: #94d60a;
  background-color: #fff;
}
/* ----------------------------------- */

.voipNumber
{
	width:200px;
}

.wideDark
{
	width:200px;
	text-align:left;
	color:#000;
}

.btn-xs, .btn-group-xs > .btn {
    border-radius: 0px;
    font-size: 1em;
    line-height: 1.5;
    padding: 1px 5px;
	font-weight:400;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #94D60A;
  color: #fff;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #94D60A;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #fff;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 0px rgba(126, 239, 104, 0.6);
  outline: 0 none;
}