/* The next 2 puts a shadown border around all panel and breadcrumb div sections - give deminsion */
.panel {
  margin-bottom: 20px;
  border-width: 0;
  color: #333333;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.breadcrumb-line {
  border:1px solid #FFF !important;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.thumbnail {
  margin-bottom: 20px;
  border-width: 1px;
  color: #333333;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.12), 1px 2px 3px rgba(0, 0, 0, 0.24);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.12), 1px 2px 3px rgba(0, 0, 0, 0.24);
}

/* ####### Fixed LEFT nav CSS ####### */

	.navigation > li.active > a,
	.navigation > li.active > a:hover,
	.navigation > li.active > a:focus {
	  background-color: #c16464;  /* #4e4d91=lightPurple #9F7A29=rust  #f5821f=orange #080645=purple  352f80  090759 180f8c 191274 251f77 352f80 = purple      1565C0 = blue */
	  color: #fff;
	}
	.navigation > li > ul li.active > a,
	.navigation > li > ul li.active > a:hover,
	.navigation > li > ul li.active > a:focus {
	  background-color: rgba(250, 9, 9, 0.245); /* rgba(166, 131, 36, 0.245)=rust 123,121,172, 0.245=lightPurple  250, 9, 9, 0.245 = red -- 182, 94, 13, 0.5=orange rgba(21, 101, 192, 0.245)=blue */ 
	/*  background-color: #ae9065;*//* #19469d; */
	  color: #fff;
	}

	/* this kills the white line between the top left and left sidebar  edit the color to match the 2 sections ex #052134*/
	.header-highlight .navbar-header {
	    border-top: 0px solid transparent;
	    border-bottom: 3px solid #FFFFFF;// #232176=NLN blue   default = #263238 this is slate-800 = #37474F  use #CC0000 to see whats happening
	    margin-top: 0px;
	    margin-bottom: -1px;
	}

	/* mouse-over tab link colors */
	.navigation > li > a:hover,
	.navigation > li > ul li > a:hover {
	  background-color: #c16464;
	  border-color: #c16464;
	  color: #FFFFFF;  // B78D1A=rust  #4e4d91=lightPurple
	}

/* #######  END of Fixed LEFT nav CSS ####### */

/* Fixed top nav CSS */

	.navbar-inverse .navbar-nav > li.active > a,
	.navbar-inverse .navbar-nav > li.active > a:hover,
	.navbar-inverse .navbar-nav > li.active > a:focus {
	  background-color: #4e4d91; /* 180f8c 191274 251f77 352f80 = purple      1565C0 = blue */
	  color: #fff;
	}
	.navbar-inverse .navbar-nav > li > ul li.active > a,
	.navbar-inverse .navbar-nav > li > ul li.active > a:hover,
	.navbar-inverse .navbar-nav > li > ul li.active > a:focus {
	  background-color: rgba(123,121,172, 0.245); /*   rgba(21, 101, 192, 0.245)=blue */ 
	  color: #333;
	}
	 
	 /* top bar tab mouseovers */
	 .navbar-inverse .navbar-nav > li > a {
	  color: #333;
	 }	 
	.navbar-inverse .navbar-nav > li > a:hover{
	  background-color: rgba(123,121,172, 0.245);
	  border-color: #4e4d91;
	  color: #FFF;
	}	
	/* for under top bar tiered drop downs */
	.navbar-inverse .navbar-nav > li > ul li > a {
	 color: #333;
	}
	.navbar-inverse .navbar-nav > li > ul li > a:hover {
	  background-color: rgba(123,121,172, 0.245);
	  border-color: #4e4d91;
	  color: #333;
	}		
/*  END of top bar nav CSS */

/* Second bar nav CSS  */

	.navbar-default .navbar-nav > li.active > a,
	.navbar-default .navbar-nav > li.active > a:hover,
	.navbar-default .navbar-nav > li.active > a:focus {
	  background-color: #4e4d91; /* 180f8c 191274 251f77 352f80 = purple      1565C0 = blue */
	  color: #fff;
	}
	.navbar-default .navbar-nav > li > ul li.active > a,
	.navbar-default .navbar-nav > li > ul li.active > a:hover,
	.navbar-default .navbar-nav > li > ul li.active > a:focus {
	  background-color: rgba(123,121,172, 0.245); /*   rgba(21, 101, 192, 0.245)=blue */ 
	  color: #333;
	}
	/* top bar tab mouseovers */
	.navbar-default .navbar-nav > li > a {
	  color: #333;
	}
        /* for under top bar tiered drop downs */	
	.navbar-default .navbar-nav > li > a:hover {
	  background-color: rgba(123,121,172, 0.245);
	  border-color: #4e4d91;
	  color: #333;
	}
        /* for under top bar tiered drop downs */
	.navbar-default .navbar-nav > li > ul li > a {
	  color: #333;
	}        
	.navbar-default .navbar-nav > li > ul li > a:hover {
	  background-color: rgba(123,121,172, 0.245);
	  border-color: #4e4d91;
	  color: #333;
	}
/*  END of Second bar nav CSS */

input[type=text],input[type=tel],input[type=email],select,textarea{border:1px #CCC solid;}
select.form-control,textarea.form-control{border:1px #CCC solid;}
input[type=text]:focus,input[type=tel]:focus,input[type=email]:focus,select:focus,textarea:focus{border:1px #999 solid;background:#EAEAEA;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);}
select.form-control:focus,textarea.form-control:focus{border:1px #999 solid;background:#EAEAEA;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);}

.myfunnels > .nav-tabs-component .active{
  background:#19469d /*#352f80   1565C0*/;
  color:#FFFFFF;
  border-radius: 3px 3px 3px 3px;
}
/* Data tables pagination */
.dataTables_paginate .paginate_button.current {
    background-color:#689F38; color: #fff; text-shadow:1px 1px 1px #000; border-radius:4px;}
}


/* Change active page color  */
.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:focus
{  background-color:#689F38; color: #fff; text-shadow:1px 1px 1px #000; border-radius:4px;}

/* Change inactive button color  */
.pagination > li > a
{  background-color:#777777; color: #fff; text-shadow:1px 1px 1px #000; border-radius:4px;}

/* Change inactive button color  */
.pagination > li > a:hover,
.pagination > li > a:focus
{  background-color:#999999; color: #fff; text-shadow:1px 1px 1px #000; border-radius:4px;}

/* fb Messenger Style */
      .fb-messenger {
        margin: /*30px 5px 20px;*/ 10px 5px 20px;
      }

      .fb-messenger span {
        border-radius: 4px;
        background: #0084ff;
        color: #fff;
        font-size: 18px;
        padding: 6px 8px;
        display:inline-block;
        font-family: helvetica, arial, sans-serifnn;
        white-space: nowrap;
      }

      .fb-messenger a {
        cursor:pointer;
        text-decoration:none;
      }
      .fb-messenger a:hover {
        cursor:pointer;
        text-decoration:none;
        opacity:.8;
      }
 
 /* telegram style */
       .telegram {
         margin: /*30px 5px 20px;*/ 10px 5px 20px;
       }
 
       .telegram span {
         border-radius: 4px;
         background: #37AFE2;
         color: #fff;
         font-size: 18px;
         padding: 6px 8px;
         display:inline-block;
         font-family: helvetica, arial, sans-serifnn;
         white-space: nowrap;
       }
 
       .telegram a {
         cursor:pointer;
         text-decoration:none;
       }
       .telegram a:hover {
         cursor:pointer;
         text-decoration:none;
         opacity:.8;
      }

/* Custom header bar for PAS  newblue=#052134 #B78D1A=rust-color*/
.bg-PAS-300 {
  background-color: #B78D1A;
  border-color: #B78D1A;
  color: #fff;
}
.bg-PAS-300 > user-card {
  background-color: #B78D1A;
  border-color: #B78D1A;
  color: #fff;
}

/* #37474F is dark slate color */
/* hold for now
.btn-primary {
  background-color: #37474F; 
  border-color: #37474F;
  color: #fff;
}
.btn-primary > user-card {
  background-color: #37474F;
  border-color: #37474F;
  color: #fff;
}
*/
/* New PAS dark Blue 11-20-2019 
  This is used on the left side bar menu */

.bg-PAS-BLUE {
  background-color: #052134;
  border-color: #052134;
  color: #fff;
}
/* Next Level Networker blue */
.bg-NLN-BLUE {
  background-color: #232176;
  border-color: #232176;
  color: #fff;
}
.bg-NLN-BLUE-topBAR {
  background-color: #232176;
  border-color: #232176;
  color: #fff;
  opacity:.8;
}

.bg-WHITE-OPACITY {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #333;
  opacity:.8;
}



/* Use in top bar values to force white */
.bg-WHITE {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #333;
}


.text-shadow-dark {
 text-shadow: 1px 1px 1px #333;
}
.text-shadow-light {
 text-shadow: 1px 1px 1px #CCC;

.dash-stats {
  color: #fff;
  font-size: 100px;
  line-height: 1;
  margin-top: 20px;
  margin-bottom: 40px;
  font-weight: 300;
  text-stroke: 1px transparent;
  display: block;
  text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}