@charset "utf-8";
/* CSS Document */


.div-box {
	width: 22%;
	align-content: center;
	align-items: center;
	padding: 8px;
	border: 1px solid #136D55;
	border-bottom: medium 2px;border-left: none;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	 border-top: none;
	box-sizing: border-box;
	margin:5px auto;
	text-align:center;
	box-shadow:0 2px 3px #252424;
}
  .divboxshadow_rt {
  width: 22%;
  background-image: url('images/test_back.jpg');
  /*  border-left: none; thin #BFB9B9;*/	
  border: 1px solid #968E8E;
  border-top: none;
  border-left: hidden;
  padding-left: 10px;
  padding: 2px;
  padding-left: 8px;
  margin: 5px auto;
  box-shadow: 4px 5px 3px #888888;
  border-bottom-right-radius: 11px ;
  border-bottom-left-radius: 4px ;
  align-content: center;
  align-items: center;
  text-align:center;
}
  .divboxshadow_float_rt {
  width: 25%;
  background-image: url('images/test_back.jpg');
  /*  border-left: none; thin #BFB9B9;*/	
  border: 1px solid #968E8E;
  border-top: none;
  border-left: hidden;
  padding: 2px ;
	 
  padding-top: -15px;
  height:450px;
  overflow-y: scroll;  
	 padding-top: 1px;
  padding-left: 8px;
  margin: 5px auto;
 float: right;
	 
  box-shadow: 4px 5px 3px #888888;
  border-bottom-right-radius: 11px ;
  border-bottom-left-radius: 4px ;
  align-content: center;
  align-items: center;
  text-align:center;
}
.divboxshadow_rt_ftr {
	
  /*  border-left: none; thin #BFB9B9;*/	
  border: 1px solid #968E8E;
  border-top: none;
  border-left: hidden;
  padding-left: 10px;
  padding: 2px;
  padding-left: 8px;
  margin: 5px auto;
  box-shadow: 4px 5px 3px #888888;
  border-bottom-right-radius: 11px ;
  border-bottom-left-radius: 4px ;
  align-content: center;
  align-items: center;
  text-align:center;
}

.divboxsupp_ht {
	  line-height: normal 25%;
	  height: inherit 35%;
	  max-height: 290px;
}
.divboxsupp_ht_ex {
	  line-height: 20px;
	 /* height: inherit 35%; */
	  max-height: 290px;
	  overflow-y: scroll; 
      scroll-behavior: smooth;
	  overflow-x: hidden;  
}
/* Hide scrollbar for Chrome, Safari and Opera */
.divboxsupp_ht_ex::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.divboxsupp_ht_ex {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


.divbox_ht_smpanel {/*need to override other float rt div */
	background-image: url('images/test_back.jpg');
	  line-height: 10px;
	width: 20%;
	 border: 1px solid #968E8E;
  border-top: none;
  border-left: hidden;
	 /* height: inherit 35%; */
	min-height: 600px;
	  max-height: 940px; /*threshold to break next row of divs */
	  overflow-y: scroll; 
      scroll-behavior: smooth;
	  overflow-x: hidden;  
	 margin: 65px auto;
     margin-right: 80px; 
/*		margin-right: 105 rem;*/
	height: auto;
	padding-top:  15px;
/*	padding-right: 105px; */
	padding-right: 120 rem;
  box-shadow: 4px 5px 3px #888888;
  border-bottom-right-radius: 11px ;
  border-bottom-left-radius: 4px ;
  align-content: center;
  align-items: center;
	text-align:center;
}
.div_feed_inner {
	margin-left: 50px;
}
.divbox_ht_smpanel {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.divbox_ht_smpanel::-webkit-scrollbar {
    display: none;
}
.row_panel_buffer{
	margin-left: 30px;
/*	*::before,
    *::after  */
    box-sizing: border-box;

}
.flexbox_ht{
	  line-height: normal 25%;
	  height: inherit 65%;
	  max-height: 490px;
}
.cal_panel_ht{
	  line-height: normal 25%;
	  height: inherit 60%;
	min-height: 375px;
	  max-height: 490px;
}
.footer_panel_pad {
	padding-left: 22px;

}
.img_bkg_wood {
	/* background-image: url('images/test_back.jpg'); */
	background-image: url("../images/white_bkg.jpg")
}
		.aside {
		  overflow: auto;
		  position: fixed;
		  top: 40px;
		  bottom: 40px;
		  left: 20px;
		  width: 100px;
		  z-index: 98;
		  opacity: 85%;
		  float: left;
		  box-shadow: none;
		  background-color: #0B2C0F;
          border-radius: 0.55rem; }
                  
.flex-column {
		    flex-direction: column !important; }
.flex-row-reverse {
		    flex-direction: row-reverse !important; }
.flex-column-reverse {
		    flex-direction: column-reverse !important; }
/* ALL BRLOW NAV BAR LINKS FROM KEEN DEMO*/

.nav .nav-link {
  display: flex;
  align-items: center;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  padding: 0.75rem 1.5rem;
  color: #FFFFFF; }
  .nav .nav-link .nav-text {
    flex-grow: 1;
    font-size: 1rem;
    color: #7E8299; /*  7E8299 */
    font-weight: 400;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; }
  .nav .nav-link .nav-icon {
    line-height: 0;
    color: #FFFFFF;  /* 7E8299*/
    width: 2rem; }
    .nav .nav-link .nav-icon:before {
      line-height: 0; }
    .nav .nav-link .nav-icon i {
      color: #B5B5C3;
      transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
      font-size: 1.25rem; }
    .nav .nav-link .nav-icon svg g [fill] {
      transition: fill 0.3s ease;
      fill: #B5B5C3;  } /* #B5B5C3  EEEEF6*/
    .nav .nav-link .nav-icon svg:hover g [fill] {
      transition: fill 0.3s ease; }
  .nav .nav-link .label {
    margin-left: 0.25rem; }
  .nav .nav-link.disabled {
    opacity: 0.6; }

.nav .show > .nav-link,
.nav .nav-link:hover:not(.disabled),
.nav .nav-link.active {
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  color: #35DC2C;  /* 8950FC*/ }
  .nav .show > .nav-link .nav-text,
  .nav .nav-link:hover:not(.disabled) .nav-text,
  .nav .nav-link.active .nav-text {
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    color: #8950FC; }
  .nav .show > .nav-link .nav-icon i,
  .nav .nav-link:hover:not(.disabled) .nav-icon i,
  .nav .nav-link.active .nav-icon i {
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    color: #8950FC; }
  .nav .show > .nav-link .nav-icon .svg-icon svg g [fill],
  .nav .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
  .nav .nav-link.active .nav-icon .svg-icon svg g [fill] {
    transition: fill 0.3s ease;
    fill: #8950FC; }
  .nav .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
  .nav .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
  .nav .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    transition: fill 0.3s ease; }
  .nav .show > .nav-link:after,
  .nav .nav-link:hover:not(.disabled):after,
  .nav .nav-link.active:after {
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    color: #8950FC; }

.nav.nav-bold .nav-item .nav-link {
  font-weight: 500; }
  .nav.nav-bold .nav-item .nav-link .nav-text {
    font-weight: 500; }

.nav.nav-bolder .nav-item .nav-link {
  font-weight: 600; }
  .nav.nav-bolder .nav-item .nav-link .nav-text {
    font-weight: 600; }

.nav.nav-boldest .nav-item .nav-link {
  font-weight: 700; }
  .nav.nav-boldest .nav-item .nav-link .nav-text {
    font-weight: 700; }

.nav.nav-tabs .nav-item {
  margin-right: 0.25rem; }
  .nav.nav-tabs .nav-item:last-child {
   margin-right: 0; }

.nav.nav-tabs .nav-link .nav-text {
  flex-grow: 0; }

.nav.nav-tabs.nav-tabs-line .nav-item {
  margin: 0 0 -1px 0; }

.nav.nav-tabs.nav-tabs-line .nav-link {
  border: 0;
  border-bottom: 1px solid transparent;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  padding: 0.85rem 0;
  margin: 0 1rem; }
  .nav-item:first-child .nav.nav-tabs.nav-tabs-line .nav-link {
    margin-left: 0; }
  .nav-item:last-child .nav.nav-tabs.nav-tabs-line .nav-link {
    margin-right: 0; }

.nav.nav-tabs.nav-tabs-line .nav-item:first-child .nav-link {
  margin-left: 0; }

.nav.nav-tabs.nav-tabs-line .nav-item:last-child .nav-link {
  margin-right: 0; }

.nav.nav-tabs.nav-tabs-line .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line .nav-link.active,
.nav.nav-tabs.nav-tabs-line .show > .nav-link {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #8950FC;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; }

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x {
  border-bottom-width: 2px; }
  .nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .nav-item {
    margin-bottom: -2px; }
  .nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .nav-link {
    border-bottom: 2px solid transparent; }
  .nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .nav-link:hover:not(.disabled),
  .nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .nav-link.active,
  .nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .show > .nav-link {
    border-bottom: 2px solid #8950FC; }


.navbartext {
	background-color: #003333;
	color: white;
	
}

.modaltext {
    font-size: .85rem;
    color: #7E8299; /*  7E8299 */
    font-weight: 500;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; 
}
@media screen and (min-width:176px) and (max-width: 575px) {

    .divboxshadow_rt {
		width: 320%; 
		float:left;
		background-color: #FFFCDE;
		col-8 px-md-6 !important;
	}
        
    .col-8-md px-md-6 { 
	width:80%; float:left
	 }
	body {
	width:100%;
	}
	@include media-breakpoint-up(xs)  ... 
	@include media-breakpoint-up(sm)  ... 
	@include media-breakpoint-up(md)  ... 
	@include media-breakpoint-up(lg)  ... 
    @include media-breakpoint-up(xl)  ..
	
}
@media (min-width:460px) and (max-width: 767px) {
	.col-3
	.col-sm-3.col-xs-12{ width:50%; float:left}
	.col-sm-4.col-xs-12{ width:50%; float:left}
	.col-sm-6.col-xs-12{ width:50%; float:left}	
	
}
@media (min-width:929px) and (max-width: 1200px) {
	.col-3
	.col-sm-3.col-xs-12{ width:50%; float:left}
	.col-sm-4.col-xs-12{ width:50%; float:left}
	.col-sm-6.col-xs-12{ width:50%; float:left}	
}