@charset "utf-8";
/* CSS Document */
h1, .h1 {
    font-size: 2.6rem;
}
h1.display-1 {
    /*font-size: 3.5rem;*/
	letter-spacing:-0.3rem;
	margin-left: -0.5rem
}
[role="button"]{
	cursor:pointer;
}
[role="help"]{
	cursor:help;
}
.is_stuck{
	/*box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3 );*/
	/*text-align: right !important;*/
	z-index: 2;
	transition: all;
	transition-duration: 1s;
	text-align: right !important;
	width: auto !important;
	right: 0;	
}
.is_stuck a{
	display: inline-block;
	right: 0;
	
}


.navbar-toggler {
    background-image: none !important;
    border: 0;
    border-radius: 0;
    font-size: inherrit;
    height: auto;
    line-height: 1.5;
    /*padding: auto;
	padding-right: 16px !important;
    width: auto;*/
}

@media (max-width: 992px) { /* Margin after last button on small screens*/
 .nav-item:last-child{
	margin-bottom: 18px;
  }
}


.btn-outline-light {
  background-color: #ffffff1a;
  border-color: #f8f9fa99;
}

.dropdown-menu {
    
    margin: 0;
	margin-top: -1px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.15);
}

.nav-link.dropdown-toggle[aria-expanded="true"]{
	background-color: rgba(0, 0, 0, 0.15);
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .nav-link {
    color: rgba(255, 255, 255, 0.7);
	font-size: 1.1rem
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 1);
}

a.text-success {
    color: #00897B !important;
}
a.text-success:hover {
    color: #007A6D !important;
}
/*.nav-item.active{
	background-image: -webkit-linear-gradient(270deg,rgba(255,150,0,1.00) 0%,rgba(237,139,0,1.00) 9.33%,rgba(255,255,255,0.00) 9.48%);
	background-image: -moz-linear-gradient(270deg,rgba(255,150,0,1.00) 0%,rgba(237,139,0,1.00) 9.33%,rgba(255,255,255,0.00) 9.48%);
	background-image: -o-linear-gradient(270deg,rgba(255,150,0,1.00) 0%,rgba(237,139,0,1.00) 9.33%,rgba(255,255,255,0.00) 9.48%);
	background-image: linear-gradient(180deg,rgba(255,150,0,1.00) 0%,rgba(237,139,0,1.00) 9.33%,rgba(255,255,255,0.00) 9.48%)
}
*/
.popover {
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.15);
}
.popover-body {
    padding: 0.5rem 0.75rem 0.75rem 0.75rem;
}




.flex-grow-1{
	flex-grow:1;
}
.navbar-toggleable-md .navbar-nav {
    margin-bottom: 0;
    margin-top: 0;
}
.navbar-collapse.show{
	/*background-color:#000;*/
}

.font-weight-semibold {
    font-weight: 600;
}

.display-2 {
    letter-spacing:-0.2rem;
	margin-left: -0.3rem
  }
.display-3 {
    letter-spacing:-0.1rem;
	margin-left: -0.1rem
  }
@media (max-width: 992px) {
  .display-2 {
    font-size: 3.6rem;
	line-height: 1.1;
  }
	.display-3 {
    font-size: 3rem;
	line-height: 1;
  }
}


/*---------------------------Carousel--------------*/
#carousel .list-inline {
	/*white-space: nowrap;*/
	overflow-x: auto;
	overflow-y: hidden;
}
#carousel .carousel-indicators {
	position: static;
	left: initial;
	width: initial;
	margin-left: initial;
	margin: inherit;
	/*border-bottom: 1px solid #828282;*/
}
#carousel .carousel-indicators > li {
	width: initial;
	height: initial;
	text-indent: initial;
}
#carousel .carousel-indicators > li {
	font-weight: 600;
    text-align: center;
	opacity: 0.8;
	padding: 0.8em;
	background-color: transparent;
}
#carousel .carousel-indicators > li:hover {
	opacity: 1;
}
#carousel .carousel-indicators .active {
	border-bottom: 6px solid #BA68C8;
	opacity: 1;
}
 #carousel .carousel-caption {
    /*position: static;*/
     background-color: rgba(255,255,255,0.8);
     padding: 16px;
    }
/*----------------------*/
.btn-outline-success {
    color: #00897B;
    border-color: #00897B;
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #00897B;
    border-color: #00897B;
}
.btn-outline-success:not(:disabled):not(.disabled):active{
    color: #fff;
    background-color: #007367;
    border-color: #007367;
}
.btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(0,115,103,0.55);
}

/*--------------------*/
.table-responsive {
    background-image: 	
    /* Shadows */ 
    linear-gradient(to right, white, white),
    linear-gradient(to right, white, white),  
/* Shadow covers */ 
    linear-gradient(to right, rgba(0,0,0,.25), rgba(255,255,255,0)),
    linear-gradient(to left, rgba(0,0,0,.25), rgba(255,255,255,0));   
    background-position: left center, right center, left center, right center;
	background-repeat: no-repeat;
	background-color: white;
	background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
	background-attachment: local, local, scroll, scroll;
}
.sider {
	text-align: right;
	font-weight: 600;
}