/**
 * All of the CSS for your dashboard-specific functionality should be
 * included in this file.
 */
 @import url(../font-awesome/css/font-awesome.min.css);
 @import url(../md-font/css/material-design-iconic-font.min.css);
 @font-face {
 	font-family: 'robotoregular';
 	src: url('../fonts/roboto-regular-webfont.eot');
 	src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
 	url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
 	url('../fonts/roboto-regular-webfont.woff') format('woff'),
 	url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
 	url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
 	font-weight: normal;
 	font-style: normal;

 }

 .al_wrap{
 	font-family: 'robotoregular';
 }

 .al_wrap .text-center{
 	text-align: center;
 }
 .al_wrap .pull-left{
 	float: left;
 }
 .al_wrap .pull-right{
 	float: right;
 }
 .al_wrap .img-responsive{
 	width: 100%;
 	height: auto;
 }
 .al_wrap .row{
 	box-sizing: border-box;
 }
 .al_wrap .col-lg-6 {	
 	width: 50%;
 	float: left;
 	position: relative;
 	min-height: 1px;
 }
 .al_wrap .form-container{
 	display: inline-block;
 	vertical-align: top;
 	margin-right: 40px;
 }
 .al_wrap .display-options{
 	display: inline-block;
 	vertical-align: top;
 	position: relative;
 	padding: 0 15px;
 }

 .al_wrap .md{
 	vertical-align: middle;
 }
 .al_wrap .container{
 	padding-left: 15px;
 	padding-right: 15px;
 }

 .al_wrap .page-header{
 	padding: 30px 0px;
 	font-size: 24px;
 	display: block;
 }

 .al_wrap .input_row .md{
 	font-size: 32px;
 	display: inline-block;
 	padding-right: 12px;
 }

 .al_wrap .input_row .md.md-location-on, .al_wrap .input_row .md.md-add{
 	height: 48px;
 	display: inline-block;
 }
 .al_wrap .input_row .input_col{
 	display: inline-block;
 }

 .al_wrap .input_row .input_col label{
 	display: none;
 	font-size: 12px;
 	padding: 0px 12px;
 	color: #777;
 	margin-top: 16px;
 	margin-bottom: 8px;
 }
 .al_wrap .input_row .input_col .form-control{
 	border: 0;
 	outline: 0;
 	border-radius: 0;
 	font-size: 16px;
 	padding: 16px 12px;
 	color: #444;
 	background: #F1F1F1;
 	min-width: 300px;
 	max-width: 100%;
 	border-bottom: 1px solid rgba(220,220,220,1);
 	box-shadow: none;
 }
 .al_wrap .input_row .input_col textarea.form-control{
 	resize: none;
 }
 .al_wrap .input_row .input_col .form-control:hover,
 .al_wrap .input_row .input_col .form-control:focus{
 	box-shadow: none;
 }

 .al_wrap .input_row:hover .input_col .form-control,
 .al_wrap .input_row:focus .input_col .form-control{
 	border-bottom: 1px solid #2196F3;
 	box-shadow: none;
 }

 .al_wrap .input_row:hover .md,
 .al_wrap .input_row:focus .md{
 	color: #2196F3;
 }

 .submit_row .input_col{
 	margin-left: 44px;
 	padding: 16px 0; 	
 }

 .submit_row .input_col .submit_btn{
 	display: inline-block;
 	height: 36px;
 	line-height: 36px;
 	padding: 0px 8px;
 	min-width: 80px;
 	border: none;
 	background: #42A5F5;
 	color: #fff;
 	text-transform: uppercase;
 	-webkit-box-shadow: 0px 2px 5px -2px rgba(204,204,204,1);
 	-moz-box-shadow: 0px 2px 5px -2px rgba(204,204,204,1);
 	box-shadow: 0px 2px 5px -2px rgba(204,204,204,1);
 }

 .submit_row .input_col .submit_btn:hover, 
 .submit_row .input_col .submit_btn:focus,
 .submit_row .input_col .submit_btn:active{
 	box-shadow: none;
 	background: #2196F3;
 	color: #fff;
 }


 /*display shortcode*/
 .al_wrap .display_shortcode{
 	position: relative;
 	vertical-align: top;
 	display: inline-block;
 	min-width: 400px;
 	max-width: 400px;
 }
 .al_wrap .display_shortcode .theme-container{
 	min-height: 300px;
 	background: #fff;
 	-webkit-box-shadow: 0px 2px 5px -2px rgba(204,204,204,1);
 	-moz-box-shadow: 0px 2px 5px -2px rgba(204,204,204,1);
 	box-shadow: 0px 2px 5px -2px rgba(204,204,204,1);
 }
 .al_wrap .display_shortcode .theme-container header{
 	padding: 20px;
 	font-size: 16px;
 	text-transform: uppercase;
 	color: #fff;
 	background: #40C4FF;
 	position: relative;
 }

 .al_wrap .display_shortcode .theme-container header .left-arrow{
 	position: absolute;
 	top: 0;
 	bottom: 0;
 	left: 0;
 	padding: 0 15px;
 	color: #fff;
 	font-size: 16px;
 	line-height: 58px;
 	cursor: pointer;
 }

 .al_wrap .display_shortcode .theme-container header .right-arrow{
 	top: 0;
 	bottom: 0;
 	right: 0;
 	padding: 0 15px;
 	position: absolute;
 	color: #fff;
 	font-size: 16px;
 	line-height: 58px;
 	cursor: pointer;
 }

 .al_wrap .display_shortcode .theme-container header .left-arrow:hover,
 .al_wrap .display_shortcode .theme-container header .left-arrow:focus,
 .al_wrap .display_shortcode .theme-container header .right-arrow:hover,
 .al_wrap .display_shortcode .theme-container header .right-arrow:focus{
 	background: #00B0FF;
 }

 .al_wrap .display_shortcode .theme-container .instruction{
 	padding: 5px;
 	font-size: 16px;
 	background: #0091EA;
 	color: #fff;
 	-webkit-box-shadow: 0px 2px 5px -2px rgba(204,204,204,1);
 	-moz-box-shadow: 0px 2px 5px -2px rgba(204,204,204,1);
 	box-shadow: 0px 2px 5px -2px rgba(204,204,204,1);
 }

 .al_wrap .display_shortcode .theme-container .instruction span{
 	text-transform: uppercase; 
 	margin-right: 5px;
 }

 .al_wrap .display_shortcode .theme-container .shortcode-design{
 	padding: 20px;
 }

 /*widget themes*/
 .al_wrap .display-options{
 	vertical-align: top;
 	display: inline-block;
 	min-width: 400px;
 	max-width: 400px;
 }
 .al_wrap .display_widget{
 	margin-top: 10px;
 }
 .al_wrap .display_widget .theme-container{
 	min-height: 300px;
 	background: #fff;
 	-webkit-box-shadow: 0px 2px 5px -2px rgba(204,204,204,1);
 	-moz-box-shadow: 0px 2px 5px -2px rgba(204,204,204,1);
 	box-shadow: 0px 2px 5px -2px rgba(204,204,204,1);
 }
 .al_wrap .display_widget .theme-container header{
 	padding: 20px;
 	font-size: 16px;
 	text-transform: uppercase;
 	color: #fff;
 	background: #00796B;
 	position: relative;
 }

 .al_wrap .display_widget .theme-container header .left-arrow{
 	position: absolute;
 	top: 0;
 	bottom: 0;
 	left: 0;
 	padding: 0 15px;
 	color: #fff;
 	font-size: 16px;
 	line-height: 58px;cursor: pointer;
 }

 .al_wrap .display_widget .theme-container header .right-arrow{
 	top: 0;
 	bottom: 0;
 	right: 0;
 	padding: 0 15px;
 	position: absolute;
 	color: #fff;
 	font-size: 16px;
 	line-height: 58px;cursor: pointer;
 }

 .al_wrap .display_widget .theme-container header .left-arrow:hover,
 .al_wrap .display_widget .theme-container header .left-arrow:focus,
 .al_wrap .display_widget .theme-container header .right-arrow:hover,
 .al_wrap .display_widget .theme-container header .right-arrow:focus{
 	background: #00695C;
 }

 .al_wrap .display_widget .theme-container .inactive{
 	padding: 5px;
 	font-size: 16px;
 	background: #eaeaea;
 	color: #222;
 	cursor: pointer;
 	-webkit-box-shadow: 0px 2px 5px -2px rgba(204,204,204,1);
 	-moz-box-shadow: 0px 2px 5px -2px rgba(204,204,204,1);
 	box-shadow: 0px 2px 5px -2px rgba(204,204,204,1);
 }

 .al_wrap .display_widget .theme-container .inactive:hover{
 	background: #004D40;
 	color: #fff;	
 }

 .al_wrap .display_widget .theme-container .inactive.active_widget{
 	background: #004D40;
 	color: #fff;
 }

 .al_wrap .display_widget .theme-container .inactive label{
 	text-transform: uppercase; 
 	margin-right: 5px;
 }
 .al_wrap .action-bar{
 	border-top: 1px solid #eaeaea;
 	text-transform: uppercase;
 }
  .al_wrap .action-bar .desktop{
  	border-right: 1px solid #eaeaea;
  	margin-right: -1px;
  }
 .al_wrap .action-bar .desktop,
 .al_wrap .action-bar .mobile {
 	padding: 10px 0;
 }

 .al_wrap .action-bar .action-bar-button:hover{
 	color: #0091EA; 
 }

 .al_wrap .aeroleads-ad{
 	display: inline-block;
 	width: 200px;
 	padding: 5px;
 	background: #fff;
 }

.al_wrap .al_ad_content{
	padding: 0px 5px;
	text-align: justify;
	padding-bottom: 5px;
}