html{background-color:#ffffff;}
body{background-color:#ffffff;overflow-y: auto!important;max-width: 100%;overflow-x:hidden!important;}
input,a,img,div,span,button,li,[ng-click]{outline:0;}
.no-radius{border-radius:0px;}
.radius-3{border-radius:3px;}
.pad-8{padding:8px;}
.pad-10{padding:10px;}
.pad-15{padding:15px;}
.pad-16{padding:16px;}
.no-pad{ padding:0px; }
.no-pad-imp{ padding:0px!important; }
.no-margin{ margin:0px; }
.no-margin-imp{ margin:0px!important; }
.no-margin-top{ margin-top:0px; }
.no-margin-bottom{ margin-bottom:0px; }
.margin-auto{ margin:auto; }
.margin-auto-imp{ margin:auto!important; }
.no-spacing{ padding:0px; margin:0px; }
.no-spacing-imp{ padding:0px!important; margin:0px!important; }
.no-pad-bottom{ padding-bottom:0px; }
.no-pad-bottom-imp{ padding-bottom:0px!important; }
.no-pad-top{ padding-top:0px; }
.no-margin-right{ margin-right:0px; }
.pad-b-1{padding-bottom: 1px;}
.pad-b-8{padding-bottom:8px;}
.pad-b-10{padding-bottom:10px;}
.pad-b-15{padding-bottom:15px;}
.pad-b-16{padding-bottom:16px;}
.pad-b-30{padding-bottom:30px;}
.pad-b-40{padding-bottom:40px;}
.pad-tb-4{padding-top:4px;padding-bottom:4px;}
.pad-tb-8{padding-top:8px;padding-bottom:8px;}
.pad-tb-10{padding-top:10px;padding-bottom:10px;}
.pad-tb-15{padding-top:15px;padding-bottom:15px;}
.pad-tb-30{padding-top:30px;padding-bottom:30px;}
.pad-t-4{padding-top:4px;}
.pad-t-10{padding-top:10px;}
.pad-t-10-imp{padding-top:10px!important;}
.pad-t-15{padding-top:15px;}
.pad-t-30{padding-top:30px;}
.pad-lr-4{ padding-left:4px; padding-right:4px;}
.pad-lr-8{ padding-left:8px; padding-right:8px;}
.pad-lr-16{ padding-left:16px; padding-right:16px;}
.pad-l-20{ padding-left:20px;}
.pad-r-40{ padding-right:40px;}
.pad-16-9{ padding-bottom: 56.25%; }
.no-border{border:0px solid!important;}
.margin-8{margin:8px;}
.margin-b-5{margin-bottom:5px;}
.margin-b-10{margin-bottom:10px;}
.margin-b-15{margin-bottom:15px;}
.margin-b-20{margin-bottom:20px;}
.margin-tb-10{margin-top:10px;margin-bottom:10px;}
.margin-tb-15{margin-top:15px;margin-bottom:15px;}
.margin-t-10{margin-top:10px;}
.margin-t-15{margin-top:15px;}
.margin-r-2{margin-right:2px;}
.margin-r-4{margin-right:4px;}
.margin-r-8{margin-right:8px;}
.margin-r-16{margin-right:16px;}
.margin-b--60{margin-bottom: -60px;}
.absolute{ position:absolute; }
.relative{ position:relative; }
.fixed{ position:fixed; }
.display-block{ display:block; }
.inline-block{ display:inline-block; }
.zindex{  z-index: 1;}
.zindex2{  z-index: 2;}
.primary-border-top{ border-top:3px solid #1565C0; }
.left-cap{ border-radius:3px 0px 0px 3px;}
.top-right-cap {     border-radius: 0px 0 0 10px; }
.no-radius{ border-radius:0px;}
.right-cap{ border-radius:0px 3px 3px 0px;}
.bottom-left{left:8px;bottom:6px;}
.bottom-right{right:8px;bottom:6px;}
.bottom-edge{bottom:0px;}
.bottom-edge-minus-18{bottom:-18px;}
.left-edge{left:0px;}
.right-edge{right:0px;}
.top-left-right{top:0px;left:0px;right:0px;}
.top-right{top:0px;right:0px;}
.top-edge{top:0%;}
.top-edge-40pc{top:40%;}
 [ng-click]{cursor:pointer}
 .block-button{margin: auto;     display: block;     width: 100%;}
.min-width{ min-width: 100%;}
.max-width{ max-width: 100%;}
.map-width{width:640px;}
.min-height{ min-height: 100%;}
.min-height-250{ min-height: 250px;}
.min-height-300{ min-height: 300px;}
.max-height{ max-height: 100%;}
.max-height-80{ max-height: 80px;}
.no-height{ height: 0px;}
.full-width{ width: 100%;}
.full-height{ height: 100%;}
.scroll-x{ overflow-x: auto; }
.scroll-y{ overflow-y: auto; }  
.center-y{ transform: translatey(-50%); }  
.center-xy{ transform: translatey(-50%) translatex(-50%);
left:50%;top:50%;}  
.overflow{ overflow:hidden; }
.vertical-middle{ vertical-align:middle; }
.bg-top-center,.card-bg.bg-top-center{ background-position: top center;}

/*Transition==============================*/
.trans2{
    -webkit-transition:.2s linear all;
    -moz-transition:.2s linear all;
    -o-transition:.2s linear all;
    transition:.2s linear all;
}



/*Text Styles==============================*/
.text-center{ text-align:center; }
.text-left{ text-align:left; }
.text-right{ text-align:right; }
.lowercase{text-transform: lowercase;}
.uppercase{ text-transform:uppercase; }
.smallcaps{ font-variant:small-caps; }
.capitalize{ text-transform:capitalize; }
.boldwhite{ color: #ffffff;font-weight:700;}
.bold{font-weight:700;}
.thin{font-weight:100;}
.italic{  font-style: italic;}
.text-indent{text-indent:30px;}
.text-indent p{    margin-bottom: 10px;     margin-top: 0px;}
.no-indent{ text-indent:0px;}
.break-all{  word-break: break-all;}
.break-word{  word-break: break-word;}
.text-center-imp {   text-align: center!important; }
.line-0{line-height:0px;}
.line-norm{line-height:normal;}
.line-24{line-height:24px;}
.no-wrap{white-space:nowrap;}
.no-margin-description p:first-child{margin-top:0px;}
.no-margin-description p:last-child{margin-bottom:0px;}

.white-txt{color:#ffffff;}
.black3-txt{color:#333333;}
.transwhite-txt{ color: rgba(255, 255, 255, 0.8);}
.gray-txt{color:#808080;}
.light-txt{ color: rgba(0,0,0,0.26);}
.greview-txt{  color: #E7711B;}
.rate-color,
.rate-color md-icon{   color: #E7711B;}
.price-color{color: #099406;}

a{color: #347EF9;
color: $primary-color;
text-decoration:none;}

.md-toolbar-tools .primary-color,
.primary-color{color: rgb(33,150,243);color:$primary-color}
.primary-color.a1{color:#1D7EC8;}
.primary-color.a2{color:#1B76BB;}
.primary-color.a3{color:#1766A1;}

.accent-color{color:$accent-color;}
.accent-color.a1{color:$accent-color-a1;}
.accent-color.a2{color:$accent-color-a2;}
.accent-color.a3{color:$accent-color-a3;}

.txt-cool-1{color:#2098CA;}
.txt-warm-1{color:#F4BE2A;}

/*EH Yellow*/
.txt-yellow{color: #e2aa14;}
/*EH Green*/
.txt-green{color: #6f983a;}
/*EH Red*/
.txt-red{color: #b51439;}

.txt-facebook{color:#3b5998!important;}
.txt-twitter{color:#55acee!important;}
.txt-google{color:#db4437!important;}
.txt-youtube{color:#bb0000!important;}
.txt-pinterest{color:#cb2027!important;}

.txt-shadow-1{
text-shadow: 0px 1px 1px rgb(17, 17, 17);
}
.card-shadow img,
.card-shadow{
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12);
}


/*Border Styles==============================*/

.accent-border.a2{border: 1px solid #FF9100;}
.white-border-bottom{border-bottom: 1px solid #FFFFFF;}
.gray-border-bottom{border-bottom: 1px solid #d4d1ce;}
/*BG Styles==============================*/
.primary-bg{background-color: rgb(33,150,243);background-color:$primary-color}
.accent-bg{background-color:#F17A34;}
.accent-bg.a1{background-color:#FFD180;}
.accent-bg.a2{background-color:#FF9100;}
.accent-bg.a3{background-color:#FF6D00;}

.white-bg{background-color: #ffffff;}
.black3-bg{background-color: #333333;}
.white-bg-trans-mid{background-color: rgba(255, 255, 255, 0.5);}
.black-bg-trans-mid{background-color: rgba(0, 0, 0, 0.5);}
.black-bg-trans-grad{
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0.9) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );
}

.gray-page{
background-color: #eeeeee;
background-color: #f4f4f2;}

.bg-warm-1{background-color: #FF7C19;}
.bg-warm-2{background-color: #FFC531;}
/*EH Marker*/
.bg-warm-3{background-color: #F4BE2A;}

/*EH Yellow*/
.bg-warm-4,.bg-yellow{background-color: #e2aa14;}
/*EH Green*/
.bg-green{background-color: #6f983a;}
/*EH Red*/
.bg-red{background-color: #b51439;}



.bg-cool-1{background-color: #007DFF;}
.bg-cool-2{background-color: #1D4FAF;}
.bg-cool-3{background-color: #1D7ECB;}

/*EH Land*/
.bg-cool-4{background-color: #2098CA;}
/*EH Water*/
.bg-cool-5{background-color: #0B4163;}


/*Image BG Utilities*/
.img-bg,
.card-bg{
background-repeat:no-repeat;
background-position:50% 50%;
background-size:cover;  
}
.img-pixel{width:1px;height:1px;opacity:0;}
.img-div,
.img-div-30,
.img-div-35,
.img-div-40,
.img-div-50,
.img-div-65,
.img-div-square,
.img-div-round,
.img-div-absolute,
.img-div-height{
width:100%;
height:0;
background-repeat:no-repeat;
padding-bottom: 56.25%;
overflow:hidden;
background-position:50% 50%;
background-size:160%;
background-size:cover;  
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.img-div-30{     padding-bottom: 30%; }
.img-div-35{     padding-bottom: 35%; }
.img-div-40{     padding-bottom: 40%; }
.img-div-50{     padding-bottom: 50%; }
.img-div-65{     padding-bottom: 65%; }
.img-div-square{ padding-bottom: 100%; }
.img-div-round{ border-radius:50%; padding-bottom:100%; }
.img-div-absolute{height:auto;}
.img-div-height{padding-bottom: 0%;    height: 100%;}



/*Dialog Scrollbar*/

md-dialog-content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

md-dialog-content::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}

md-dialog-content::-webkit-scrollbar-thumb {
  border: 0px none #ffffff;
  border-radius: 0px;
  background: #a6d1f2;
}

md-dialog-content::-webkit-scrollbar-thumb:hover {
  background: #1b75bc;
}

md-dialog-content::-webkit-scrollbar-thumb:active {
  background: #1b75bc;
}

md-dialog-content::-webkit-scrollbar-track {
  background: #ffffff;
  border: 0px none #ffffff;
}

@media (max-width: 599px){
#contact-dialog{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    border-radius: 0;
}	
}

/*Default Layout Utility*/
.layout-content {
    width: 1170px;
    box-sizing: border-box;
    margin: auto;
    max-width: 100%;
}
/*Default Layout Utility*/
.blog-section .layout-content{
width:1024px}

.gray-section{    background-color: #f0f1f3;}

/*Footer=========================*/

#footer-toolbar{
background-color: rgb(5, 48, 77);
    border-top: 2px solid #1a5882;
}

#footer-toolbar a{
    color: rgb(255,215,64);
}
#footer-social{
	padding:16px 0px;
}
.footer-social-link{
	padding:0px 16px;
}
.footer-bdm-link img{
	width:24px;
	height:24px;
	vertical-align: middle;
}

/*Global Design Utilities=========================*/
@media screen and (min-width: 600px){
.hero-image-section{
	min-height: 400px;
    background-position: 50% 0%;
}
.hero-image-section .layout-content{
	min-height: 400px;
}
}


.hero-slick.slick-slider{
	    padding: 0px;
    margin: 0px;
}


.hero-slick .slick-prev
{
    position: absolute;
    left: 25px;
}
.hero-slick .slick-next
{
    position: absolute;
    right: 25px;
}



.cta-button{
	padding: 6px 26px;
}
.big-cta-button{
    font-size: 23px;
    padding: 16px 30px;
    letter-spacing: 1px;
}
 
/*Contact Form*/
#contact-dialog{
	width:600px;
}
#contact-dialog md-input-container{
	margin-bottom:0px;
}

fieldset.standard{
	border-style: solid;
    border-width: 1px;
}
.sa-button-container {
    text-align: right;
}
.sweet-alert button{
	background-color: #106cc8!important;
    border-radius: 3px;
}
  
 /*Brands Section*/
 @media screen and (min-width: 600px){

 }
 .brand-img-wrap img{
    max-height: 64px;
	display: inline-block;
}
.slick-prev:before, .slick-next:before{
    color: #b9b9b9;
	font-family: 'Material Icons';
}
.slick-prev:before{
	content:"chevron_left"
}	
.slick-next:before{
	content:"chevron_right"
}	
		
	
.slick-slider{
	*padding: 0px 40px;
}
.slick-next {
    *right: 0px;
}
.slick-prev {
    *left: 0px;
}

/*Feature Icons Section*/
.feature-wrap{
    padding: 16px 0px;
}
.feature-name{
    padding: 16px 0px 8px;
}
.feature-icon{
	color:#106cc8;
    font-size: 64px;
    height: 64px;
    width: 64px;
	
	padding:30px;
	border:2px solid;
	border-radius:50%;
}
.feature-next{
    padding-top: 68px;
}
.features-wrap > div:last-child .feature-icon{
    color: #fff;
    background: #106cc8;
}
	
	
 /*Home Feature Sliders Section*/	
.slider-section .slick-prev:before,.slider-section .slick-next:before {
    color: #383838;
}
.slider-section .slick-slide img{
max-height: 500px;
max-width: 500px;
}
	
	


 /*App Marketplace Section*/
.apps-wrap{
	max-width: 100%;
    width: 600px;
    margin: auto;
}
.app-wrap{
	background: #ffffff;
    padding: 16px;
    margin: 10px;
    border-radius: 3px;
}

 /*Bottom CTA Section*/
.bdm-software-screenshot {
    width: 130%;
    margin-left: -30%;
    margin-top: 46px;
    margin-bottom: 46px;
}

.bdm-software-screenshot-below{	
    width: 100%;
}

 /* Blog Post*/
.blog-subhead{
border-bottom:1px solid #106cc8; 	
}



.ta-hidden-input {
  width: 1px;
  height: 1px;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -10000px;
  left: -10000px;
  opacity: 0;
  overflow: hidden;
}

/* add generic styling for the editor */
.ta-root.focussed > .ta-scroll-window.form-control {
	border-color: #1b75bc;
	outline: 0;
  *-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  *-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  *box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ta-editor.ta-html, .ta-scroll-window.form-control {
  min-height: 300px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100%;
}

.ta-scroll-window.form-control {
  position: relative;
  padding: 0;
}

.ta-scroll-window > .ta-bind {
  height: auto;
  min-height: 300px;
  padding: 6px 12px;
}

.ta-editor:focus {
  user-select: text;
}

/* add the styling for the awesomness of the resizer */
.ta-resizer-handle-overlay {
  z-index: 100;
  position: absolute;
  display: none;
}

.ta-resizer-handle-overlay > .ta-resizer-handle-info {
  position: absolute;
  bottom: 16px;
  right: 16px;
  border: 1px solid black;
  background-color: #FFF;
  padding: 0 4px;
  opacity: 0.7;
}

.ta-resizer-handle-overlay > .ta-resizer-handle-background {
  position: absolute;
  bottom: 5px;
  right: 5px;
  left: 5px;
  top: 5px;
  border: 1px solid black;
  background-color: rgba(0, 0, 0, 0.2);
}

.ta-resizer-handle-overlay > .ta-resizer-handle-corner {
  width: 10px;
  height: 10px;
  position: absolute;
}

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-tl{
  top: 0;
  left: 0;
  border-left: 1px solid black;
  border-top: 1px solid black;
}

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-tr{
  top: 0;
  right: 0;
  border-right: 1px solid black;
  border-top: 1px solid black;
}

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-bl{
  bottom: 0;
  left: 0;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
}

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-br{
  bottom: 0;
  right: 0;
  border: 1px solid black;
  cursor: se-resize;
  background-color: white;
}

/* copy the popover code from bootstrap so this will work even without it */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
      background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
      box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
  margin-top: -10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}



.ta-toolbar .btn-group>.btn {
    position: relative;
    float: left;
}
.ta-toolbar .btn-group .btn+.btn{
	    margin-left: -1px;
}

.ta-toolbar .btn {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.ta-toolbar .btn-default[disabled]{
	border-color: #ccc;
}
.ta-toolbar .btn-default{
	border-color: #ccc;
}


.ta-toolbar .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.ta-toolbar .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}
.ta-toolbar .btn-group>.btn:last-child:not(:first-child){
	border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.ta-toolbar .btn{
    background-color: #fff;
    border-color: #ccc;
}

	

.ta-toolbar {
	background-color: #F0F0F0;
	padding: 10px 10px 5px;
	margin-left: 0px; /* Override bootstrap */
	border: 1px solid #EEE;
}

.ta-toolbar .btn-group {
	margin-bottom: 5px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}

.ta-editor, .white-box {
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #EEE;
    border: 2px solid #EEE;
}

textarea.ta-bind {
	width: 100%;
}