body{
	overflow-x:hidden;
}
/******for consumer page tabs*/
.portlet.light>.portlet-title>.nav-tabs>li>a{
	margin: 0px 0 4px 1px;
}
/***********************************************/
/********For sic code and labels border*/
.con_lbl_border{
	border-bottom: 1px solid #eee;
    margin-bottom: 4px;
}
/**************************************************/
/**********************main page icons **************/
.icon-btn{	
	height:90px;
	padding-top:25px;
}
.ribbon-content{
	font-size:16px;
}
.no-top-mapping{	
	margin-top:0px;
}
/*********************************************************************************/
/**************************jqvmap fixes******************************************/
.jqvmap-zoomin, .jqvmap-zoomout {
    height: 16px !important;
    width: 16px !important;
    background-color: #666 !important;
}
/******************************jqvmap fixes************************/
.page-header-menu{
	background-color: #286DA8 !important;
}
.portlet.box.green>.portlet-title{
	background-color: #c10806 !important;
	color: white !important;
}
.portlet.box.green{
	border: 1px solid #c10806 !important;
}
.tbl_bg_maroon{
	background-color:#c10806 !important;
}
/*.page-footer,*/.page-prefooter{
	background-color: #286da8 !important;
}
.page-prefooter a, .page-prefooter h2{
	color: #d4e1f4  !important;
}
.page-prefooter, .page-prefooter{
	color: white  !important;
}

/*For drop down menu background*/
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu{
	/*background-color: #286DA8 !important;*/
}
/*for profile info on left sidebar*/
.profile-usermenu{
	margin-top:0px !important; 
}
/*for billing page tabs to content distance*/
.portlet-title.tabbable-line{
	min-height:45px !important;
}
.control-label{
	margin-bottom:5px !important;
}

/***************logos settings***********/
.page-header .page-header-top .page-logo .logo-default {
    margin: 9.5px -4px 0 !important;
}
/********changing color of menu text consumer*/
.page-header .page-header-menu .hor-menu .navbar-nav>li>a, .page-header .page-header-menu .hor-menu .navbar-nav>li>a>i {
    color: white !important;
	background-color:#286DA8 !important;
}

/***********changing menus background color on hover */
.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li.open>a, 
.page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a, 
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:active, 
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:focus, 
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:hover {    
    /*background: #c10806 !important;*/
	background: #3b434c !important;
}

/*******changing background color of dropdown's area*/
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu {
     background: #286DA8; 
}
/******changing color of sub menu in dropdown on hover*/
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li:hover>a {    
    /*background: #c10806 !important;*/
	background: #3b434c !important;
}
/***changing title headings colors*/
.font-red{
	color:#c10806;
}
.font-green {
    color: #2aca76 !important;
}
.font-green-sharp{
	color:#2aca76 !important;
}
.bg-blue, .bg-hover-blue:hover{
	background-color:#286DA8 !important;
}
/***********************************************************/
.form-wizard .steps>li.active>a.step .number{
	background-color:#286DA8;
}
.progress-bar-success {
    background-color: #286DA8;
}
.note.note-info {    
    border-color: #286DA8;    
}
.green{
	background-color:#2aca76;
}
.btn.btn-outline.green {
    border-color: #2aca76;
    color: #2aca76;
    background: 0 0;
}
.btn.btn-outline.green.active, .btn.btn-outline.green:active, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:focus, .btn.btn-outline.green:hover {
    border-color: #2aca76;
    color: #FFF;
    background-color: #2aca76;
}
.btn.btn-success{
	background-color:#2aca76;
}
.tabbable-line>.nav-tabs>li.active {    
    border-bottom: 4px solid #2aca76;    
}
.tabbable-line>.nav-tabs>li.open, .tabbable-line>.nav-tabs>li:hover {    
    border-bottom: 4px solid #2aca76;
}
/************************************************************/
/************Ribbon color *************************************/
/**************************************************************************/
.mt-element-ribbon .ribbon.ribbon-color-primary,.mt-element-ribbon .ribbon.ribbon-color-primary>.ribbon-sub{
	background-color:#286DA8;
}
.mt-element-ribbon .ribbon-content{
	font-size:20px;	
	padding-bottom:20px;
}
/**********************SPan for choosen location*/
.special_span{
	position:relative;
	float:left;
	margin-right:2px;
}
/*******************************************************/

/*************************bilal's made styles */
#atto {
	text-align: center;
    color: lightcoral;
    font-size: 50px;
    font-weight: 900;
}
#bit{
	color:blue;
    font-size: 25px;
    font-weight: 500;	
}
#aurora{
		text-align:center;
	    padding-top: 35px;   
}
#tito{
	padding-left: 60px;
    font-size: 18px;
    font-weight: 400;
}
/*****************************************************/
.space-10-bottom{
	margin-bottom:10px;
}
.space-20-bottom{
	margin-bottom:20px;
}
.space-30-bottom{
	margin-bottom:30px;
}
.space-50-bottom{
	margin-bottom:50px;
}
.space-10-top{
	margin-top:10px;
}
.space-20-top{
	margin-top:20px;
}
.space-30-top{
	margin-top: 30px;
}
.space-50-top{
	margin-top:50px;
}

.cool_box{
	/*border:1px solid black; */
	background-color:#c10806; 
	color:white; 
	border-collapse:separate; 
	border-radius:4px; 
	padding:10px 20px 6px 20px; 
	line-height:14px;/*for credits available thingy*/
}
.leads_count_box{
	/*background-color:#286DA8 !important; */
	background-color:transparent !important;
	border:none;
	color:black;
	padding:6px 2px 2px 2px;
	height:40px;
	display:block;
}
.content_btn{
	font-size:14px;
	padding-right:7px;
	padding-left:7px;
	border-radius:2px;
	/*margin-top:2.5px;*/
}
.ladda-button{	
	font-size:14px !important;
	padding-right:7px;
	padding-left:7px;
}
/*************Overlay animation**************/
.portlet-body>#page_loader{
	width: 100px !important;
    height: 40px !important;
    position: absolute !important;
    top: 10px !important;
    /*left: 242px !important;*/
    z-index: 990 !important;
}
.portlet-body>#progress_loader_msg{
	color:white;
	font-size:20px;
	font-weight:bold;
	text-align: center;    
    overflow-wrap: break-word;
	margin-top: 10px;
}
#page_loader_msg{
	position:fixed; 
	top:50%; 
	left:50%; 
	margin:10px -160px ;
	z-index:990;
	background-color:transparent;	
	color:white;
	font-size:20px;
	font-weight:bold;
	padding:5px;
}
#page_loader 
{
    width: 100px;
    height: 40px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 990;
    margin: -20px -50px;
}

#page_loader div 
{
    width: 20px;
    height: 20px;
    background: #FFF;
    border-radius: 50%;
    position: absolute; 
    z-index: 990;
}

#d1 
{ 
    animation: animate 2s linear infinite;
}
#d2 
{ 
    animation: animate 2s linear infinite -.4s; 
}
#d3 
{
    animation: animate 2s linear infinite -.8s; 
}
#d4 
{ 
    animation: animate 2s linear infinite -1.2s; 
} 
#d5 
{ 
    animation: animate 2s linear infinite -1.6s; 
}

@keyframes animate 
{
    0% { left: 100px; top:0}
    80% { left: 0; top:0;}
    85% { left: 0; top: -20px; width: 20px; height: 20px;}
    90% { width: 40px; height: 15px; }
    95% { left: 100px; top: -20px; width: 20px; height: 20px;}
    100% { left: 100px; top:0; }
}
/***********************Grossy way for video tutorial responsiveness*************************/
.page-header .page-header-menu .hor-menu .navbar-nav>li.li_video>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.li_video>a>i {
    color: white !important;
	background-color:#c10806 !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.li_video.active>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li.li_video.open>a, 
.page-header .page-header-menu .hor-menu .navbar-nav>li.li_video:hover>a, 
.page-header .page-header-menu .hor-menu .navbar-nav>li.li_video>a:active, 
.page-header .page-header-menu .hor-menu .navbar-nav>li.li_video>a:focus, 
.page-header .page-header-menu .hor-menu .navbar-nav>li.li_video>a:hover {
	background: #c10806 !important;
}
@media screen and (max-width: 480px){	
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; height: 0; overflow: hidden;
	}

	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

}
@media screen and (max-width: 800px) and (min-width: 480px){	
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; height: 0; overflow: hidden;
	}

	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}
@media screen and (min-width: 800px){
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; height: 0; overflow: hidden;
	}

	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.modal-dialog{
		width:800px;
	}
	.caption .icon-layers,.caption-subject{
		font-size:30px;
	}
}
/*************************************************************/
/**making a inside alert div underlined*/
.alert a{
	text-decoration:underline;
}
/*******************************************/
/*************ladd spinner gogo *****************
.ladda-button{
	padding:0 !important;
	font-size:14px !important;
}
****************************************************/

/*
span { display: block; margin: 0 0 3px; font-size: 1.2em; }
input { width: 500px; border: 1px solid #000; padding: 5px; }



#labelinside{ width: 450px; float: left; margin: 0 20px 0 0; }
#spaninside { display: block; margin: 0 0 3px; font-size: 1.2em; }
#inputinside { width: 450px; border: 1px solid #000; padding: 5px; }

#labelinside1{ width: 920px; float: left; margin: 0 20px 0 0; }

.plus{
	height: 15px;
    border: none;
    width: 15px;
    cursor: pointer;    background: url(http://portal.telephonelists.biz/assets/global/img/quantity-controls.png) no-repeat;
    margin: 1px 0;
}

.minus{
	  height: 15px;
    border: none;
    width: 15px;
    cursor: pointer;    background: url(http://portal.telephonelists.biz/assets/global/img/quantity-controls.png) repeat-x;    background-position: 15px 0;
    margin: 1px 0;
}





#aoi{
	color:black;font-size: 20px;
}




#ary{
	background-color: lightcoral; 
    border: none;
    color: white;
    padding: 20px;
	font-size: 20px;
	width: 230px;
	cursor: pointer;
	border-radius: 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
	
	
}




#ary:hover {
    background-color: #3e8e41;
    color: white;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

#ary:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

#dunia{
	   color: #FFF;
    background-color: #2f353b;
    border-color: #2f353b;
    border: none;
    color: white;
    font-size: 20px;
    width: 115px;
    cursor: pointer;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
}

#dunia:hover {
    background-color: #3e8e41;
    color: white;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

#dunia:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}





#subscription{
	width:240px;
	height:122px;
	font-weight:800;
	font-size:18px;
}
#purchase_add_credit{
	display: inline-block;
    font-size: 19px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    background: #0077b3;
    color: #fff;
    border: 1px solid #00669a;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    letter-spacing: 1px;
    text-decoration: none;padding: 6px 12px 3px;
}


.coloro{
	padding-top: 5px;
	height: 30px;
	color:red;
	text-align: center;
}
.down_color{
	color:red;
	text-align:center;
}



*/

/**more styles */

/*dark styl;es for consumer location labels :)*/
.evs-bg-white{
	background-color:var(--kt-evs-light) !important;
}
.tagify{
	overflow:hidden !important;
}
/**/
.accordion-body{
	padding:0.75rem
}