/* Theme For: SMARTDIALER VOICE BROADCASTING
Author: VoIPMEN
Author URI: http://voipmen.pk
Version: 1.0
Designer: Hissan Ahmad
*
THEME FONTS
*	font-family: 'Varela Round', sans-serif;
*	font-family: 'Lato', sans-serif;
*	
THEME COLOR
*	#fbe039
*	
*/
@import url('https://fonts.googleapis.com/css?family=Raleway:200,400,800');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600');
@font-face {
    font-family: 'Varela Round', sans-serif;
    src: url('../fonts/fonts/varelaround-regular-webfont.woff2') format('woff2'),
         url('../fonts/fonts/varelaround-regular-webfont.woff') format('woff'),
		 url('../fonts/fonts/VarelaRound-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	outline: 0px !important;
	/* white-space: nowrap; */
}
*:before, *:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
*:link, *:visited, *:focus, *:hover, *:active, input:before:focus, input:before:active, input:before:hover {
 outline: 0px !important;
-webkit-appearance:none;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active {
 transition: background-color 5000s ease-in-out 0s;
}
input:required {
    box-shadow:none;
}
input:invalid {
    box-shadow:none;
}
html {
	overflow: hidden;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
/*	font-family: 'Varela Round', sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 1.43;
	margin: 0px;
	padding: 0px;
	color: #333;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	background: url("../media/images/jpg/bg.jpg") no-repeat fixed #333;
/*
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
*/
	overflow: hidden;
}
a, a:hover, a:link, a:active, a:focus {
	text-decoration: none;
    -webkit-appearance:none;
}
a {
	color: rgba(51,51,51,0.6);
}
a:hover,
a:active,
a:focus {
	color: #444444;
}
textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important;
    -webkit-appearance:none;
}
textarea:focus,
input:focus,
.uneditable-input:focus {   
  border-color: rgba(0, 0, 0, 0);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.0) inset, 0 0 8px rgba(0, 0, 0, 0);
  outline: 0 none;
}
button {
	cursor: pointer;
	font-family: 'Varela Round', sans-serif !important;
}
.mob {display: none;}
.thm-bg {
	background-color: #fbe039;
}
.thm-txt {
	color: #fbe039;
}
pad {
	text-align: right;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.pull-right {
	float: right;
}
.page-title {
	font-size: 20px;
}
.page-title span {
	border-bottom: 1px solid #333;
}
input, select, textarea {
	font-family: 'Varela Round', sans-serif !important;
}
input.disabled {cursor:not-allowed;
background:#f4f4f4 !important;
}
/* Let's get this party started */
::-webkit-scrollbar {
 width: 8px;
 height: 8px;
}
/* Track */
::-webkit-scrollbar-track {
 background: #efefef;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
 background: #333;
}
::-webkit-scrollbar-thumb:window-inactive {
 background: rgba(0,0,0,0.2);
}
/* LIST ITEMS */
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: relative;
	float: left;
	width: 100%;
}
ul li {
	position: relative;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
/* DANGER BAR */
.danger-bar,
.info-bar,
.success-bar,
.warning-bar {
	height: 38px;
	color: rgba(255,255,255,0.8);
	padding: 9px;
}
.danger-bar {
	background: #e13939;
}
.info-bar {
	background: #3498DB;
}
.success-bar {
	background: #12C058;
}
.warning-bar {
	background: #F69515;
}
/* HEADINGS */
h1,h2,h3,h4,h5,h6 {position:relative; float: left;width: 100%;}
/* BOOTSTRAP'S SOME 
.row {
	margin-right: -15px;
	margin-left: -15px;
}
.row:before, .row:after, .sidebar:before, .sidebar:after, .sms-content:after, .sms-content:before {
	display: table;
	content: " ";
}
.row:after, .sidebar:after, .sms-content:after {
	clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	float: left;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
}
.col-xs-12 {
	width: 100%;
}
.col-xs-11 {
	width: 91.66666667%;
}
.col-xs-10 {
	width: 83.33333333%;
}
.col-xs-9 {
	width: 75%;
}
.col-xs-8 {
	width: 66.66666667%;
}
.col-xs-7 {
	width: 58.33333333%;
}
.col-xs-6 {
	width: 50%;
}
.col-xs-5 {
	width: 41.66666667%;
}
.col-xs-4 {
	width: 33.33333333%;
}
.col-xs-3 {
	width: 25%;
}
.col-xs-2 {
	width: 16.66666667%;
}
.col-xs-1 {
	width: 8.33333333%;
}*/
.col-xs-pull-12 {
	right: 100%;
}
.col-xs-pull-11 {
	right: 91.66666667%;
}
.col-xs-pull-10 {
	right: 83.33333333%;
}
.col-xs-pull-9 {
	right: 75%;
}
.col-xs-pull-8 {
	right: 66.66666667%;
}
.col-xs-pull-7 {
	right: 58.33333333%;
}
.col-xs-pull-6 {
	right: 50%;
}
.col-xs-pull-5 {
	right: 41.66666667%;
}
.col-xs-pull-4 {
	right: 33.33333333%;
}
.col-xs-pull-3 {
	right: 25%;
}
.col-xs-pull-2 {
	right: 16.66666667%;
}
.col-xs-pull-1 {
	right: 8.33333333%;
}
.col-xs-pull-0 {
	right: auto;
}
.col-xs-push-12 {
	left: 100%;
}
.col-xs-push-11 {
	left: 91.66666667%;
}
.col-xs-push-10 {
	left: 83.33333333%;
}
.col-xs-push-9 {
	left: 75%;
}
.col-xs-push-8 {
	left: 66.66666667%;
}
.col-xs-push-7 {
	left: 58.33333333%;
}
.col-xs-push-6 {
	left: 50%;
}
.col-xs-push-5 {
	left: 41.66666667%;
}
.col-xs-push-4 {
	left: 33.33333333%;
}
.col-xs-push-3 {
	left: 25%;
}
.col-xs-push-2 {
	left: 16.66666667%;
}
.col-xs-push-1 {
	left: 8.33333333%;
}
.col-xs-push-0 {
	left: auto;
}
.col-xs-offset-12 {
	margin-left: 100%;
}
.col-xs-offset-11 {
	margin-left: 91.66666667%;
}
.col-xs-offset-10 {
	margin-left: 83.33333333%;
}
.col-xs-offset-9 {
	margin-left: 75%;
}
.col-xs-offset-8 {
	margin-left: 66.66666667%;
}
.col-xs-offset-7 {
	margin-left: 58.33333333%;
}
.col-xs-offset-6 {
	margin-left: 50%;
}
.col-xs-offset-5 {
	margin-left: 41.66666667%;
}
.col-xs-offset-4 {
	margin-left: 33.33333333%;
}
.col-xs-offset-3 {
	margin-left: 25%;
}
.col-xs-offset-2 {
	margin-left: 16.66666667%;
}
.col-xs-offset-1 {
	margin-left: 8.33333333%;
}
.col-xs-offset-0 {
	margin-left: 0;
}
.dropdown-menu {
	display: none;
}
.vamiddle-wrapper {
	display: table;
	height: 100%;
	width: 100%;
}
.vamiddle {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.nrfound {
	font-size: 14px;
	color: #ababab;
	padding-bottom: 12px;
	display: block;
}
.btn {
	width: auto;
	border: 0px;
	font-size: 11px;
	letter-spacing: 1px;
	padding: 18px 40px;
	min-width: 160px;
	border-radius: 0px;
	background: transparent;
	font-weight: 600;
	font-family: 'Varela Round', sans-serif !important;
	display: inline-block;
}
.btn-rounded {
	border-radius: 40px;
}
.form-inline .btn {
	padding: 9px 8px 8px;
	margin-left: 3px;
	float: right;
	font-size: 9px;
	text-transform: uppercase;
	height: 34px;
	display: inline-block;
}
.form-inline .form { display: inline-block }
/*.btn i {
	margin-right: 5px;
}*/
.btn-dark {
	color: #fff;
	background: #333;
}
.btn-dark:hover {
	color: #333;
	background: #fbe039;
}
.btn-yellow {
	color: #333;
	background: #fbe039;
}
.btn-yellow:hover {
	color: #333;
	background: #F7D926;
}
.btn-default {
	background: #e2e2e2;
	color: #666;
}
.btn-default:hover {
	background: #e0e0e0;
	color: #666;
}
.btn-success {
	background: #12c058;
	color: #fff;
}
.btn-info {
	background: #3498db;
	color: #fff;
}
.btn-info:hover {
	background: #2980b9;
}

.btn-purple {
	background: #9b59b6;
	color: #fff;
}
.btn-purple:hover {
	background: #8e44ad;
}
.btn-orange {
	background: #f39c12;
	color: #fff;
}
.btn-orange:hover {
	background: #e67e22;
}
.btn-danger {
	background: #e13939;
	color: #fff;
}
.top-bar .btn {
	min-width: auto;
	padding: 23px 21px 25px 20px;
	height: 60px;
	position: relative;
	float: left;
	border-radius: 0px;
	font-size: 12px;
}
.top-bar .btn-primary {
	color: rgba(255,255,255,0.6);
}
.top-bar .btn-primary:hover {
	color: rgba(255,255,255,0.9);
	background: transparent;
}
hr {
	position: relative;
	float: left;
	width: 100%;
	height: 1px;
	border: 0;
	border-top: 1px solid #efefef;
	margin: 15px 0;
	padding: 0;
}
.caret-up {
	/* Safari */
	-webkit-transform: rotate(-180deg);
	/* Firefox */
	-moz-transform: rotate(-180deg);
	/* IE */
	-ms-transform: rotate(-180deg);
	/* Opera */
	-o-transform: rotate(-180deg);
    
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
}
.drop-up {
	top: auto;
	bottom: 100% !important;
}
.btn-group-info ul, .btn-group-info ul {
	border-radius: 0px;
	border: 0px;
	background: #3498db;
	color: #fff;
	padding: 0px;
	margin: 0px;
}
.btn-group-info ul.dropdown-menu li {
	padding: 0px !important;
	width: 100% !important;
	display: block;
}
.btn-group-info ul.dropdown-menu li a {
	color: #fff;
	height: 40px;
	padding: 13px;
	font-size: 11px;
	text-align: center;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.btn-group-info ul.dropdown-menu li:last-child a {
	border-bottom: 0px;
}
.btn-group-info ul.dropdown-menu li a:hover, 
.btn-group-info ul.dropdown-menu li a:focus, 
.btn-group-info ul.dropdown-menu li a:active {
	background: #2980b9;
}
.btn-group-info ul.dropdown-menu li a i {
	position: absolute;
	top: 16px;
	left: 30px;
	font-size: 8px;
}
.btn-round-lg {
	border-radius: 22.5px;
}
.btn-round {
	border-radius: 17px;
}
.btn-round-sm {
	border-radius: 15px;
}
.btn-round-xs {
	border-radius: 11px;
	padding-left: 10px;
	padding-right: 10px;
}
/* PAGE TITLE */
h1 {
	font-size: 28px;
	line-height: inherit;
}
.list-page-title {
	padding: 15px 0px;
	position: relative;
	float: left;
	width: 100%;
}
.caption {
	padding-right: 60px;
	font-weight: 400;
}
.caption span {
	text-transform: uppercase;
	font-family: Raleway;
	letter-spacing: 1px;
	padding: 0px 10px 0px 15px;
	position: relative;
	float: left;
}
.caption span strong {
	font-weight: 800;
}
/*
.caption small {
	font-size: 50%;
}*/
.trecords {
	padding:0px 15px;
}
.SMS-title .caption {
    padding-right: 0px;
    position: relative;
}
.SMS-title .caption span {
    padding-left: 6px;
    padding-right: 6px;
}
.SMS-title .caption small {
    font-size: 70%;
    font-weight: 800;
    color: #333;
}
.SMS-title .caption i {
    font-size: 70%;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: -40px;
}
.SMS-title a {
	color:#333333;
}
.SMS-title a:hover {
	color:#f1c40f;
}




.capfile {
	position: relative;
	width: auto;
	min-width: 300px;
}
.capfile input {
	border: 0px;
	border-bottom: 1px solid #cfcfcf;
	width: 100%;
	font-size: 22px;
}
.capfile input:focus {
	border-color: #333;
}
.trecords span {
	position: relative;
	float: left;
}
.trecords span:last-child {
	font-size: 60%;
	margin-top: 7px;
	position: relative;
	float: right;
	margin-left: 6px;
}
/*
* WIZARD FORMS
*/

.wizard {
	margin: 0px auto;
	background: #fff;
}
.wizard .nav-tabs {
	position: relative;
	margin: 0px auto;
	margin-bottom: 0;
	border-bottom-color: #e0e0e0;
}
/* CONNECTING LINES */
.connecting-line {
	height: 1px;
	background: linear-gradient(to right, transparent 50%, #333333 50%), linear-gradient(to right, #666666, #666666);
	background-size: 12px 3px, 100% 2px;
	position: absolute;
	width: 73%;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 35%;
	z-index: 1;
}

/* FOR 3 TABS */
.connecting-line.half-active {
	background: linear-gradient(to right, transparent 50%, #333333 50%), linear-gradient(to right, #fbe039 0%, #fbe039 49.99%, #666666 50%, #666666 100%);
	background-size: 12px 3px, 100% 2px;
}
.connecting-line.full-active {
	background: linear-gradient(to right, transparent 50%, #333333 50%), linear-gradient(to right, #fbe039 0%, #fbe039 100%);
	background-size: 12px 3px, 100% 2px;
}

/* FOR 4 TABS */
.one-third-active {
	background: linear-gradient(to right, transparent 50%, #333333 50%), linear-gradient(to right, #fbe039 0%, #fbe039 34.99%, #666666 35%, #666666 100%);
	background-size: 12px 3px, 100% 2px;
}
.two-third-active {
	background: linear-gradient(to right, transparent 50%, #333333 50%), linear-gradient(to right, #fbe039 0%, #fbe039 64.99%, #666666 65%, #666666 100%);
	background-size: 12px 3px, 100% 2px;
}



.wizard > div.wizard-inner {
	position: relative;
}
.wizard-inner {
	padding-left: 10%;
	padding-right: 10%;
}
.wizard-inner button {
	position: absolute;
	left: 40px;
	top: 0px;
	min-width: 40px;
	height: 40px;
	border: 2px solid #222;
	width: 40px;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	color: #cfcfcf;
	z-index: 1;
	top: 33px;
	background: #666;
}
.wizard-inner button:focus {
	background: #fbe039;
	color: #333;
}
.wizard-inner button i {
	margin-right: 0px;
}
.wizard-inner button.next-step {
	left: auto;
	right: 40px;
}
.tab-title {
	position: absolute;
	left: 0px;
	width: 100%;
	text-align: center;
	top: 60px;
	color: #fbe039;
}
.disabled .tab-title {
	color: rgba(255,255,255,0.3);
}
.wizard .nav-tabs:after {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 120px;
	background: rgba(0,0,0,0);
	z-index: 10;
}
.wizard .nav-tabs > li.active > a, 
.wizard .nav-tabs > li.active > a:hover, 
.wizard .nav-tabs > li.active > a:focus, 
.wizard .nav-tabs > li.active > a:active {
	color: #555555;
	cursor: default;
	border: 0;
	border-bottom-color: transparent;
	background: transparent;
}
.wizard .nav-tabs > li.first > a {
	float: left;
}
.wizard .nav-tabs > li.last > a {
	float: right;
}
span.round-tab {
	width: 14px;
	height: 14px;
	display: inline-block;
	border-radius: 50%;
	background: #fbe039;
	z-index: 2;
	position: absolute;
	left: 50%;
	text-align: center;
	font-size: 25px;
	top: 30px;
	margin-left: -9px;
	cursor: default !important;
}
.disabled span.round-tab {
	background: #666;
}
span.round-tab i {
	color: #555555;
}
.wizard li.active span.round-tab {
	background: #fbe039;
}
span.round-tab:before {
	content: "";
	position: absolute;
	top: 0px;
	left: -12px;
	width: 12px;
	background: #333;
	height: 20px;
}
span.round-tab:after {
	content: "";
	position: absolute;
	top: 0px;
	right: -12px;
	width: 12px;
	background: #333;
	height: 10px;
}
.wizard li.active span.round-tab i {
	color: #5bc0de;
}
.wizard li.active span.tab-title {
	color: #fbe039;
}
.wizard .nav-tabs > li a {
	width: 100px;
	height: 102px;
	margin: 0px auto;
	padding: 0;
}
.wizard .nav-tabs > li a, .wizard .nav-tabs > li a:hover,
.wizard .nav-tabs > li a, .wizard .nav-tabs > li a:focus,
.wizard .nav-tabs > li a, .wizard .nav-tabs > li a:active {
	border: 0px;
	margin: auto;
	background: transparent;
	color: #fbe039 !important;
	cursor: default !important;
}
/* DROP ZONE */
.dropzone {
	border: 2px dashed #cfcfcf;
	border-radius: 5px;
	background: white;
	width: 70%;
	margin: 180px auto auto;
	position: relative;
	float: none;
	padding-top: 20px;
	height: 200px;
}
.dropzone .dz-message {
	text-align: center;
	margin: 90px 0;
}
.dropzone:before {
	content: "\e865";
	position: absolute;
	top: 50px;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	text-align: center;
	color: #333;
	font-family: 'Linearicons-Free';
	font-size: 42px;
}
/*
/ TABLE
*/
.table-responsive {
	padding: 0px;
	position: relative;
    float: left;
    width: 100%;
}
table thead {
	background: rgba(0,0,0,0.03);
}
table tr.active td {
	background: rgba(0,0,0,0.02) !important;
}
table>thead>tr>th, 
table>thead>tr>td {
	padding: 8px !important;
	vertical-align: middle !important;
	font-family: 'Varela Round', sans-serif;
}
table>tbody>tr>td, 
table>tbody>tr>th {
	font-size: 12px;
	font-weight: 400;
	vertical-align: middle !important;
	padding: 4px !important;
	font-family: 'Varela Round', sans-serif;
}
table>tbody>tr>td.actions {
    padding: 4px !important;
}
table.text-center th {
	text-align: center;
	color: rgba(0,0,0,0.7);
}
table.text-center td {
	color: rgba(0,0,0,0.5);
	border-bottom: 1px solid #ddd;
	border-top: none !important;
}

table > thead > tr > th > a {
	color: #999;
	float: right;
	width: 16px;
	height: 20px;
	font-size: 9px;
	line-height: 20px;
	text-align: center;
	position: relative;
}
table > thead > tr > th > a:hover,
table > thead > tr > th > a:focus {
	color: #666;
}
table .actions .btn,
.tab-pane .tools .btn {
	width: 20px !important;
	min-width: 20px !important;
	height: 20px !important;
	line-height: 20px;
	font-size: 12px;
	padding: 0px;
	margin-bottom: 5px;
	background: none !important;
	color: rgba(0,0,0,0.6);
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
}
table .actions .btn i,
.tab-pane .tools .btn i{
	font-size: 12px !important;
}
table .actions .btn i.fa-edit,
.tab-pane .tools .btn i.fa-edit {
	margin-top: 4px;
	margin-left: 2px;
}
table .actions .btn:hover,
table .actions .btn:active,
table .actions .btn.active,
.tab-pane .tools .btn:hover,
.tab-pane .tools .btn:active {
	box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
}
table .actions .btn-yellow:hover,
table .actions .btn-yellow:active,
table .actions .btn-yellow.active,
.tab-pane .tools .btn-yellow:hover,
.tab-pane .tools .btn-yellow:active {
	background: #fbe039 !important;
	color: #333;
}
table .actions .btn-success:hover,
table .actions .btn-success:active,
table .actions .btn-success.active,
.tab-pane .tools .btn-success:hover,
.tab-pane .tools .btn-success:active {
	background: #12c058 !important;
	color: #fff;
}
table .actions .btn-danger:hover,
table .actions .btn-danger:active,
table .actions .btn-danger.active,
.tab-pane .tools .btn-danger:hover,
.tab-pane .tools .btn-danger:active {
	background: #e13939 !important;
	color: #fff;
}
table .actions .btn-info:hover,
table .actions .btn-info:active,
table .actions .btn-info.active,
.tab-pane .tools .btn-info:hover,
.tab-pane .tools .btn-info:active {
	background: #3498db !important;
	color: #fff;
}
table .actions .btn-orange:hover,
table .actions .btn-orange:active,
table .actions .btn-orange.active,
.tab-pane .tools .btn-orange:hover,
.tab-pane .tools .btn-orange:active {
	background: #f39c12 !important;
	color: #fff;
}
table .actions .btn-purple:hover,
table .actions .btn-purple:active,
table .actions .btn-purple.active,
.tab-pane .tools .btn-purple:hover,
.tab-pane .tools .btn-purple:active {
	background: #9b59b6 !important;
	color: #fff;
}
table .actions .btn i,
.tab-pane .tools .btn i {
	margin-right: 0px;
}

table>tbody>tr>td.hasdrop {
	padding:0px !important;
	width: 160px;
}
table>tbody>tr>td.hasdrop .btn {
	width: 160px;
}
table.table-condensed>tbody>tr>td, 
table.table-condensed>thead>tr>th {
	padding: 5px !important;
}
.bootstrap-datetimepicker-widget table th {
    height: 40px;
    line-height: 40px;
    width: 20px;
}
.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
    min-width: auto;
}
.bootstrap-datetimepicker-widget table td.active, 
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #fbe039;
    color: #333;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #f1c40f;
}
.bootstrap-datetimepicker-widget table td.today.active:before {
    border-bottom-color: #333333;
}
.bootstrap-table {
	overflow-y: hidden;
}

.fixed-table-loading {
	display: none;
	position: absolute;
	top: 42px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
	background-color: #fff;
	text-align: center;
}
.table td {
	white-space: nowrap;
}
.table-success {
	border:1px solid #12C058;
}
.table-success tr:last-child th,
.table-success tr:last-child td {
	border-bottom: none;
}
.table-success > thead > tr > th, 
.table-success > thead > tr > td {
    background: #12C058;
    color: #fff;
}
.table-success > thead > tr > th > a {
	color: rgba(255,255,255,0.6);
}
.table-success > thead > tr > th > a:hover,
.table-success > thead > tr > th > a:focus {
	color: #fff;
}
.table-success .DBLink {
	border-bottom:1px dotted #12C058;
}
.table-info {
	border:1px solid #3498db;
}
.table-info > thead > tr > th, 
.table-info > thead > tr > td {
    background: #3498db;
    color: #fff;
}
.table-info > thead > tr > th > a {
	color: rgba(255,255,255,0.6);
}
.table-info > thead > tr > th > a:hover,
.table-info > thead > tr > th > a:focus {
	color: #fff;
}
.table-info .DBLink {
	border-bottom:1px dotted #3498db;
}
.table-danger {
	border:1px solid #e13939;
}
.table-danger > thead > tr > th, 
.table-danger > thead > tr > td {
    background: #e13939;
    color: #fff;
}
.table-danger > thead > tr > th > a {
	color: rgba(255,255,255,0.6);
}
.table-danger > thead > tr > th > a:hover,
.table-danger > thead > tr > th > a:focus {
	color: #fff;
}
.table-danger .DBLink {
	border-bottom:1px dotted #e13939;
}
.table-yellow {
	border:1px solid #fbe039;
}
.table-yellow > thead > tr > th > a {
	color: rgba(255,255,255,0.6);
}
.table-yellow > thead > tr > th, 
.table-yellow > thead > tr > td {
    background: #fbe039;
}
.table-yellow > thead > tr > th > a {
	color: rgba(51,51,51,0.6);
}
.table-yellow > thead > tr > th > a:hover,
.table-yellow > thead > tr > th > a:focus {
	color: #333;
}
.table-yellow .DBLink {
	border-bottom:1px dotted #fbe039;
}
.table-dark {
	border:1px solid #333;
}
.table-dark > thead > tr > th, 
.table-dark > thead > tr > td {
    background: #333;
	color: #fff;
}
.table-dark > thead > tr > th > a {
	color: rgba(255,255,255,0.6);
}
.table-dark > thead > tr > th > a:hover,
.table-dark > thead > tr > th > a:focus {
	color: #fff;
}
.table-dark .DBLink {
	border-bottom:1px dotted #333;
}
.table-purple {
	border:1px solid #8e44ad;
}
.table-purple > thead > tr > th, 
.table-purple > thead > tr > td {
    background: #8e44ad;
	color: #fff;
}
.table-purple > thead > tr > th > a {
	color: rgba(255,255,255,0.6);
}
.table-purple > thead > tr > th > a:hover,
.table-purple > thead > tr > th > a:focus {
	color: #fff;
}

.table-purple .DBLink {
	border-bottom:1px dotted #8e44ad;
}
.table > thead > tr > th,
.table > tbody > tr > td {
	
}
.table > thead > tr > th.bs-checkbox,
.table > tbody > tr > td.bs-checkbox {
	min-width:40px !important;
	max-width:40px !important;
	width:40px !important;
	padding:10px 0px 10px 30px !important;
}
.DBLink:hover {
	border-color:#111111;
}
/*
.table > thead > tr > th:last-child,
.table > tbody > tr > td:last-child {
	min-width:200px !important;
	max-width:200px !important;
	width:200px !important;
}
.table.has-status > thead > tr > th:nth-last-child(2),
.table.has-status > tbody > tr > td:nth-last-child(2) {
	min-width:165px !important;
	max-width:165px !important;
	width:165px !important;
}
.table.has-progress > thead > tr > th:nth-last-child(3),
.table.has-progress > tbody > tr > td:nth-last-child(3){
	min-width:120px !important;
	max-width:120px !important;
	width:120px !important;
}
*/
td .file-processing-prog {width:100%;}

.hide-id thead th:nth-child(2), .hide-id tbody td:nth-child(2) {
	display: none;
}
#check_lengthcount {
	text-transform: capitalize;
	color: rgba(0,0,0,0.2);
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}
.HASL-item {
	position: relative;
	float: left;
	text-align: center;
	padding: 20px;
}
.HASL-icon-box {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.HASL-icon-box svg {
	width: 160px;
	height: auto;
}
.HASL-name {
	position: relative;
	float: left;
	width: 100%;
	font-size: 14px;
	margin-bottom: 0px;
	color: rgba(0,0,0,0.6);
}
.HASL-date-n-time {
	position: relative;
	float: left;
	width: 100%;
	font-size: 9px;
	color: rgba(0,0,0,0.4);
	letter-spacing: 0.4px;
}

.filename {
	position: relative;
	float: left;
	line-height: 60px;
	padding-left: 15px;
	color: rgba(255,255,255,0.8);
	font-size: 14px;
}
.padding-right-20 {
	padding-right: 20px;
}


/*
* SVG FOLDER ICON
*/

.HAS-list.contact,
.HAS-list.report,
.HAS-list.dnc {cursor: pointer;}


.HAS-list.contact .cls-1{fill:#3498db;} /* FOLDER COLOR */
.HAS-list.contact .cls-2{fill:#fcfcfc;}
.HAS-list.contact .cls-3{fill:#edece6;}
.HAS-list.contact .cls-10,
.HAS-list.contact .cls-4,
.HAS-list.contact .cls-6,
.HAS-list.contact .cls-9{fill:#ffffff;}
.HAS-list.contact .cls-5{fill:#238ec9;} /* CORNER DARK AND STRIPE */
.HAS-list.contact .cls-7{fill:#3890c6;} /* CENTER FOLD */
.HAS-list.contact .cls-8{fill:#ffffff;opacity:0.1;}

.HAS-list.contact .cls-1{fill:#9b59b6;} /* FOLDER COLOR */
.HAS-list.contact .cls-2{fill:#fcfcfc;}
.HAS-list.contact .cls-3{fill:#edece6;}
.HAS-list.contact .cls-10,
.HAS-list.contact .cls-4,
.HAS-list.contact .cls-6,
.HAS-list.contact .cls-9{fill:#ffffff;}
.HAS-list.contact .cls-5{fill:#8e52aa;} /* CORNER DARK AND STRIPE */
.HAS-list.contact .cls-7{fill:#8e52aa;} /* CENTER FOLD */
.HAS-list.contact .cls-8{fill:#ffffff;opacity:0.1;}


.HAS-list.report .cls-1{fill:#2ecc71;} /* FOLDER COLOR */
.HAS-list.report .cls-2{fill:#fcfcfc;}
.HAS-list.report .cls-3{fill:#edece6;}
.HAS-list.report .cls-10,
.HAS-list.report .cls-4,
.HAS-list.report .cls-6,
.HAS-list.report .cls-9{fill:#ffffff;}
.HAS-list.report .cls-5{fill:#27ae60;} /* CORNER DARK AND STRIPE */
.HAS-list.report .cls-7{fill:#34c16d;} /* CENTER FOLD */
.HAS-list.report .cls-8{fill:#ffffff;opacity:0.1;}

.HAS-list.dnc .cls-1{fill:#333333;} /* FOLDER COLOR */
.HAS-list.dnc .cls-2{fill:#fcfcfc;}
.HAS-list.dnc .cls-3{fill:#edece6;}
.HAS-list.dnc .cls-10,
.HAS-list.dnc .cls-4,
.HAS-list.dnc .cls-6,
.HAS-list.dnc .cls-9{fill:#ffffff;}
.HAS-list.dnc .cls-5{fill:#222222;} /* CORNER DARK AND STRIPE */
.HAS-list.dnc .cls-7{fill:#282828;} /* CENTER FOLD */
.HAS-list.dnc .cls-8{fill:#ffffff;opacity:0.1;}

.HASL-item:hover .cls-1{fill:#fdcd0d;} /* FOLDER COLOR */
.HASL-item:hover .cls-2{fill:#fcfcfc;}
.HASL-item:hover .cls-3{fill:#edece6;}
.HASL-item:hover .cls-10,
.HASL-item:hover .cls-4,
.HASL-item:hover .cls-6,
.HASL-item:hover .cls-9{fill:#ffffff;}
.HASL-item:hover .cls-5{fill:#fdb705;} /* CORNER DARK AND STRIPE */
.HASL-item:hover .cls-7{fill:#fdc50a;} /* CENTER FOLD */
.HASL-item:hover .cls-8{fill:#333333;opacity:0.1;}
.cls-6{opacity:0.5;}
.cls-9{font-size:14px;}
.cls-10,
.cls-9{font-family:'Varela Round', sans-serif;}
.cls-10{font-size:34.12px;}


/*
* MODALS
*/
.modal-dialog {margin-top: 5%;}
.modal-content {border-radius: 0px;}
.modal-header { background: #e2e2e2; height: 60px; padding: 0px;}
.modal-header .btn {height: 60px; padding: 19px 26px 14px; min-width: auto; margin-left:0px;}
.btn-mod-close {font-size: 20px; min-width: auto;}
.modal-footer {background: #f4f4f4;color: #333;}
.modal-xlg {width:1170px;}

.st0{fill:#BFBFBF;}
	.st1{fill:#0C7A38;}
	.st2{fill:#12C058;}
	.st3{fill:#FFFFFF;}
	.st4{font-family:'Varela Round';}
	.st5{font-size:16.1972px;}
	.st6{font-size:15.2266px;}

/*
* COUNTER BOX
*/
.counter-box {
	padding: 15px;
	border-top: 1px solid #e5e5e5;
	background: #f4f4f4;
	color: #333;
}

/*
* NAV PILLS
*/
.nav-pills>li>a {
	border-radius:25px;
	background:transparent;
	border:1px solid rgba(51,51,51,0.3);
	color:rgba(51,51,51,0.3);
	margin:8px 0px;
	letter-spacing:0.8px;
	transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-webkit-transition:all 0.2s ease 0s;
}
.nav-pills>li:hover>a {
	border-color:#333;
	color:#333;
	background:transparent;
}
.nav-pills>li.active>a,
.nav-pills>li.active:hover>a,
.nav-pills>li.active>a:focus, 
.nav-pills>li.active>a:hover {
	background:#333;
	border-color:#333;
	color:#fff;
}

/*
* SMALL NAV PILLS
*/
/*.nav-pills.small-btns {
	max-height: 239px;
	overflow-x:hidden;
	overflow-y:auto;
}*/
.nav-pills.small-btns>li {
	float:left !important;
	margin-bottom: 6px;
}
.nav-pills.small-btns>li>a {
	width: 100%;
	float:right;
	font-size:11px;
	padding:12px 20% 12px 20px;
	margin-right:15px;
	margin:0px;
	border-radius:25px 0px 0px 25px;
	text-transform:uppercase;
	border:1px solid rgba(51,51,51,0.3);
	color:rgba(51,51,51,0.5);
	max-width: 280px;
}
.nav-pills.small-btns>li.last>a {
	padding:12px 10px 12px 30px;
}
.nav-pills.small-btns>li:hover>a {
	border-color:#666;
	color:#666;
	background:transparent;
}
.nav-pills.small-btns>li.active>a,
.nav-pills.small-btns>li.active:hover>a,
.nav-pills.small-btns>li.active>a:focus, 
.nav-pills.small-btns>li.active>a:hover {
	background:#fbe039;
	border-color:#fbe039;
	color:#666;
}
.nav-pills.small-btns>li>a>i.lnr {
	font-size:14px;
	top:13px;
	left:10px;
	position:absolute;
}
.nav-pills.small-btns>li>a>i.fa-close {
	position:absolute;
	top:10px;
	right:4px;
	padding:4px;
	font-size:12px;
}
.nav-pills.small-btns>li>a span {
	position: absolute;
	right: -1px;
	width: 20%;
	height: 53%;
	text-align: center;
	font-size: 11px;
	line-height: 22px;
	color: #fff;
}
.nav-pills.small-btns>li>a span.tim {
	top: -1px;
	background: #333;
}
.nav-pills.small-btns>li>a span.com {
	bottom: -1px;
	background: #12c058;
}

/*
* PADDING AND MARGINS 
*/
.padding-top-1 {padding-top:1px;}


/*
*	HEADINGs
*/
input.bordered-note,
input.bordered-note:hover,
input.bordered-note:focus,
input.bordered-note:active {
	font-size:18px;
	text-align:left;
	position:relative;
	width:50%;
	float:left;
	border: 0px;
	border-bottom:1px solid rgba(51,51,51,0.2);
	color:rgba(51,51,51,0.8);
	padding: 6px 12px 2px;
	margin-top:20px;
	font-weight: 400;
}
.SITitle {
	font-size:10px;
	color:rgba(51,51,51,0.3);
}

/*
* SIDEBAR FOOTER
*/
.sidebar-foot {
	position:fixed;
	bottom:0px;
	left:0px;
	width:180px;
	background:rgba(51,51,51,1);
	height:50px;
	padding-right: 50px;
	padding-left: 15px;
	transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}
.sidebar.hideit .sidebar-foot {
	left:-180px;
}
.sidebar-foot a {
	position: absolute;
	top: 0px;
	right:0px;
	width:50px;
	text-align:center;
	line-height:56px;
	font-size:24px;
	background:#333333;
	color:rgba(255,255,255,0.5);
	transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}
.sidebar-foot a i {
	font-size: 24px;
}
.sidebar-foot a:hover {
	background:#e13939;
	color: #fff;
}
.sidebar-foot small {
	color:rgba(255,255,255,0.5);
	font-size:14px;
	line-height:56px;
	text-transform: capitalize;
}
/*
* OVERLAY
*/
.hasOVER .WHTOverLay {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.5);
	display:block;
	z-index: 10;
}

/*
* TABs
*/

.tab-pane .tools {
	position: relative; 
	float: right;
}

/*
* MARGINS
*/
.no-margin         {margin:0px !important;}
.margin-top-0      {margin-top: 0px !important;}
.margin-top-10     {margin-top: 10px !important;}
.margin-top-20     {margin-top: 20px !important;}
.margin-top-30     {margin-top: 30px !important;}
.margin-top-40     {margin-top: 40px !important;}
.margin-top-50     {margin-top: 50px !important;}
.margin-top-60     {margin-top: 60px !important;}
.margin-top-70     {margin-top: 70px !important;}
.margin-top-80     {margin-top: 80px !important;}
.margin-top-90     {margin-top: 90px !important;}
.margin-top-100    {margin-top: 100px !important;}
.margin-top-110    {margin-top: 110px !important;}
.margin-top-120    {margin-top: 120px !important;}
.margin-top-130    {margin-top: 130px !important;}
.margin-top-140    {margin-top: 140px !important;}
.margin-top-150    {margin-top: 150px !important;}
.margin-bottom-0   {margin-bottom: 0px !important;}
.margin-bottom-10  {margin-bottom: 10px !important;}
.margin-bottom-20  {margin-bottom: 20px !important;}
.margin-bottom-30  {margin-bottom: 30px !important;}
.margin-bottom-40  {margin-bottom: 40px !important;}
.margin-bottom-50  {margin-bottom: 50px !important;}
.margin-bottom-60  {margin-bottom: 60px !important;}
.margin-bottom-70  {margin-bottom: 70px !important;}
.margin-bottom-80  {margin-bottom: 80px !important;}
.margin-bottom-90  {margin-bottom: 90px !important;}
.margin-bottom-100 {margin-bottom: 100px !important;}
.margin-bottom-110 {margin-bottom: 110px !important;}
.margin-bottom-120 {margin-bottom: 120px !important;}
.margin-bottom-130 {margin-bottom: 130px !important;}
.margin-bottom-140 {margin-bottom: 140px !important;}
.margin-bottom-150 {margin-bottom: 150px !important;}
.margin-left-0     {margin-left: 0px !important;}
.margin-left-10    {margin-left: 10px !important;}
.margin-left-20    {margin-left: 20px !important;}
.margin-left-30    {margin-left: 30px !important;}
.margin-left-40    {margin-left: 40px !important;}
.margin-left-50    {margin-left: 50px !important;}
.margin-left-60    {margin-left: 60px !important;}
.margin-left-70    {margin-left: 70px !important;}
.margin-left-80    {margin-left: 80px !important;}
.margin-left-90    {margin-left: 90px !important;}
.margin-left-100   {margin-left: 100px !important;}
.margin-left-110   {margin-left: 110px !important;}
.margin-left-120   {margin-left: 120px !important;}
.margin-left-130   {margin-left: 130px !important;}
.margin-left-140   {margin-left: 140px !important;}
.margin-left-150   {margin-left: 150px !important;}
.margin-right-0    {margin-right: 0px !important;}
.margin-right-10   {margin-right: 10px !important;}
.margin-right-20   {margin-right: 20px !important;}
.margin-right-30   {margin-right: 30px !important;}
.margin-right-40   {margin-right: 40px !important;}
.margin-right-50   {margin-right: 50px !important;}
.margin-right-60   {margin-right: 60px !important;}
.margin-right-70   {margin-right: 70px !important;}
.margin-right-80   {margin-right: 80px !important;}
.margin-right-90   {margin-right: 90px !important;}
.margin-right-100  {margin-right: 100px !important;}
.margin-right-110  {margin-right: 110px !important;}
.margin-right-120  {margin-right: 120px !important;}
.margin-right-130  {margin-right: 130px !important;}
.margin-right-140  {margin-right: 140px !important;}
.margin-right-150  {margin-right: 150px !important;}

/*
* PADDINGS
*/
.no-padding         {padding:0px !important;}
.padding-top-0      {padding-top: 0px !important;}
.padding-top-10     {padding-top: 10px !important;}
.padding-top-20     {padding-top: 20px !important;}
.padding-top-30     {padding-top: 30px !important;}
.padding-top-40     {padding-top: 40px !important;}
.padding-top-50     {padding-top: 50px !important;}
.padding-top-60     {padding-top: 60px !important;}
.padding-top-70     {padding-top: 70px !important;}
.padding-top-80     {padding-top: 80px !important;}
.padding-top-90     {padding-top: 90px !important;}
.padding-top-100    {padding-top: 100px !important;}
.padding-top-110    {padding-top: 110px !important;}
.padding-top-120    {padding-top: 120px !important;}
.padding-top-130    {padding-top: 130px !important;}
.padding-top-140    {padding-top: 140px !important;}
.padding-top-150    {padding-top: 150px !important;}
.padding-bottom-0   {padding-bottom: 0px !important;}
.padding-bottom-10  {padding-bottom: 10px !important;}
.padding-bottom-20  {padding-bottom: 20px !important;}
.padding-bottom-30  {padding-bottom: 30px !important;}
.padding-bottom-40  {padding-bottom: 40px !important;}
.padding-bottom-50  {padding-bottom: 50px !important;}
.padding-bottom-60  {padding-bottom: 60px !important;}
.padding-bottom-70  {padding-bottom: 70px !important;}
.padding-bottom-80  {padding-bottom: 80px !important;}
.padding-bottom-90  {padding-bottom: 90px !important;}
.padding-bottom-100 {padding-bottom: 100px !important;}
.padding-bottom-110 {padding-bottom: 110px !important;}
.padding-bottom-120 {padding-bottom: 120px !important;}
.padding-bottom-130 {padding-bottom: 130px !important;}
.padding-bottom-140 {padding-bottom: 140px !important;}
.padding-bottom-150 {padding-bottom: 150px !important;}
.padding-left-0     {padding-left: 0px !important;}
.padding-left-10    {padding-left: 10px !important;}
.padding-left-20    {padding-left: 20px !important;}
.padding-left-30    {padding-left: 30px !important;}
.padding-left-40    {padding-left: 40px !important;}
.padding-left-50    {padding-left: 50px !important;}
.padding-left-60    {padding-left: 60px !important;}
.padding-left-70    {padding-left: 70px !important;}
.padding-left-80    {padding-left: 80px !important;}
.padding-left-90    {padding-left: 90px !important;}
.padding-left-100   {padding-left: 100px !important;}
.padding-left-110   {padding-left: 110px !important;}
.padding-left-120   {padding-left: 120px !important;}
.padding-left-130   {padding-left: 130px !important;}
.padding-left-140   {padding-left: 140px !important;}
.padding-left-150   {padding-left: 150px !important;}
.padding-right-0    {padding-right: 0px !important;}
.padding-right-10   {padding-right: 10px !important;}
.padding-right-20   {padding-right: 20px !important;}
.padding-right-30   {padding-right: 30px !important;}
.padding-right-40   {padding-right: 40px !important;}
.padding-right-50   {padding-right: 50px !important;}
.padding-right-60   {padding-right: 60px !important;}
.padding-right-70   {padding-right: 70px !important;}
.padding-right-80   {padding-right: 80px !important;}
.padding-right-90   {padding-right: 90px !important;}
.padding-right-100  {padding-right: 100px !important;}
.padding-right-110  {padding-right: 110px !important;}
.padding-right-120  {padding-right: 120px !important;}
.padding-right-130  {padding-right: 130px !important;}
.padding-right-140  {padding-right: 140px !important;}
.padding-right-150  {padding-right: 150px !important;}

/*
* KEYS
*/

.keys .col-md-6 span:first-child {
	width: 48px;
	height: 48px;
	line-height: 44px;
	font-size: 19px;
	text-align: center;
	position: relative;
	float: left;
	border: 2px solid #333;
	color: #333;
	margin-right: 15px;
	border-radius: 50%;
	margin-bottom: 8px;
}
.keys .col-md-6 span:last-child {
	padding-top: 14px;
	position: relative;
	float: left;
}
.keys .col-md-6.empty span {
	color:#cfcfcf;
	border-color:#cfcfcf;
}
/*
* OTHER
*/
.full-width {width:100%;}
.help-block {
    display: block;
    padding: 6px 4px;
    color: #828282;
    font-size: 10px;
    letter-spacing: 1px;
    font-family: 'Varela Round', 'Raleway', sans-serif;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
}
.help-block a {
	font-weight:bold;
	display:block;
	color: #666666;
}
.amcharts-pie-slice {
  transform: scale(1);
  transform-origin: 50% 50%;
  transition-duration: 0.3s;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  cursor: pointer;
  box-shadow: 0 0 30px 0 #000;
}
.amcharts-pie-slice:hover {
  transform: scale(1.1);
  filter: url(#shadow);
}

/* TEXT COLORS */
.text-red {color: #e13939 !important;}

/* MODAL FOR QUICK TOUR */
.sidebar-foot a.disabled:hover {
	color:#fbe039;
}
.modal-header span {
	display: block;
	text-align: center;
	padding: 20px 15px 5px;
	font-weight: 200;
}
.slider-box {
	position: relative;
	float: left;
	width: 100%;
	padding: 15px;
}
.slider-box .owl-dots {
	position: absolute;
	right: 15px;
	bottom: 10px;
	margin: 0px;
}
.description-box,
.description-box h4,
.description-box p {
	position: relative;
	float: left;
	width: 100%;
}
.description-box h4 {
	border-bottom: 1px solid #e4e4e4;
	padding: 15px;
	margin: 0px;
	font-size: 16px;
}
.description-box p {
	padding: 15px;
	font-size: 12px;
	line-height: 18px;
	color: #999;
	font-weight: 100;
}
.left-carousel-control:hover,
.right-carousel-control:hover,
.left-carousel-control:focus,
.right-carousel-control:focus {
	color: #fff;
	background:#12c058;
}
.restart_tour {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #fbe039;
	text-align: center;
	cursor: pointer;
}
.restart_tour i {
	color: #333;
font-size: 30px;
margin-top: 13px;
display: block;
}
.restart_tour:hover {
	-webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

/* PROCESSIGN SVG ANIMTION */
.loading-overlay {
  background-color:rgba(255,255,255,0.9);
  position: fixed;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
	z-index: 99;
}
.svg-wrapper {
	position: absolute;
	top: 50%;
	left: 0%;
	width: 100%;
	height: 350px;
	margin-top: -175px;
	text-align:center;
}
.svgbox{
	position: relative;
	float: left;
	width: 100%;
}
h1.text {
	font-family: Varela Round, sans-serif;
	width: 100%;
	padding:0px 0px 60px;
	text-align: center;
	color: #666;
	font-size: 28px;
}		
.svgbox object{
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
}
.svgbox.uploading object{
	position: absolute;
	top: 0px;
	right: 0%;
	max-width: 250px;
	width:30%;
	z-index: -1;
}
.svgbox.uploading svg {
	width: 90%;
	z-index: 1;
}
.svgbox.uploading #container {
	margin-top:100px;		
}
.top-bar {
			border-bottom: 1px solid #232323;
		}
        a.disabled,
        a.disabled:hover {
            cursor:default !important
        }
        .sidebar-foot a.disabled:hover {
            color:#fbe039;
        }
		.live-stat {
			position: relative;
		  	float: left;
			min-width: 60px;
			min-height: 60px;
		}
		.live-stat > div {
          position: relative;
		  float: left;
          padding: 10px;
          height: 60px;
          margin:0px;
		  border-left: 1px solid #232323;
        }
		.live-stat > div:last-child {
		  border-right: 1px solid #232323;
        }
		.live-stat > div > span {
			position: relative;
		  	float: left;
			width: 100%;
			font-size: 10px;
			font-weight: 200;
			text-align: center !important;
			padding-bottom: 4px;
		}
		.live-stat > div > span:last-child {
			font-size: 16px;
			font-weight: 400;
			color:#fff !important;
		}
        #live_stats,
		#carrier_live_stats {
		  color:#fbe039;
          cursor: pointer;
		  position: relative;
		  	float: left;
          font-size:16px;
          padding: 15px;
          height: 60px;
          line-height:32px;
          margin:0px;
        }
		#carrier_stats_refresh_wrap {
			float: left;
			display: inline-flex;
			align-items: center;
			gap: 6px;
			height: 60px;
			padding: 0 10px 0 0;
			margin: 0;
			color: #fbe039;
			font-size: 12px;
			font-weight: 400;
			line-height: 1;
			white-space: nowrap;
		}
		#carrier_stats_refresh_wrap span {
			opacity: 0.85;
		}
		#carrier_stats_refresh {
			height: 28px;
			min-width: 56px;
			padding: 2px 6px;
			border: 1px solid rgba(251, 224, 57, 0.45);
			border-radius: 3px;
			background: #1a1a1a;
			color: #fbe039;
			font-size: 12px;
			line-height: 1.2;
			cursor: pointer;
		}
		html.theme-light #carrier_stats_refresh_wrap {
			color: #8a7600;
		}
		html.theme-light #carrier_stats_refresh {
			background: #fff;
			border-color: rgba(0,0,0,.2);
			color: #333;
		}
		.stats-detail {
			display: none;
		}
        .stats-detail, .stats-detail > div {
          transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -webkit-transform: : all 0.3s ease 0s;
        }
		.topup_form {
			position: fixed;
			bottom: 100px;
			right: -300px;
			background: #fbe039;
			padding: 0px 60px 0px 60px;
			height: 60px;
			width: 360px;
			-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
			-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
			box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
			-webkit-transition: all 0.6s ease 0s;
			-moz-transition: all 0.6s ease 0s;
			transition: all 0.6s ease 0s;
		}
		.topup_form:hover {
			right: 0px;
		}
		.topup_form .ico {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 60px;
			height: 60px;
			font-size: 24px;
			text-align: center;
			background: #fbe039;
			color: #333;
		}
		.topup_form .ico i,
		.topup_form .ico span {
			display: block;
		}
		.topup_form .ico i {
			padding-top: 10px;
		}
		.topup_form .ico span {
			font-size: 10px;
			padding-top: 5px;
		}
		.topup_form .form-control {
			height: 60px;
		}
		.topup_form .btn {
			position: absolute;
			right: 0px;
			top: 0px;
			width: 70px;
			height: 60px;
			padding: 18px 8px !important;
			min-width: auto;
		}