/*******************
*Custom CSS		   *
*Written By Mr Hery*
*******************/
html,
body,
.view {
    height: 100%;
}

main {
    padding-top: 6rem;
    padding-bottom: 2rem;
}

.top-set {
    padding-top: 6rem;
    padding-bottom: 2rem;
}
/* Navigation*/

.navbar {
    background-color: transparent;
	
}

.scrolling-navbar {
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
	
}

.top-nav-collapse {
    background-color: #2b3f66;
}

footer.page-footer {
    background-color: #2b3f66;
    margin-top: 0;
}

@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #2b3f66;
    }
}

.navbar .btn-group .dropdown-menu a:hover {
    color: #000 !important;
}
.navbar .btn-group .dropdown-menu a:active {
    color: #fff !important;
}

.widget-wrapper {
    padding-bottom: 2rem;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 2rem;
}

.list-group-item.active {
    background-color: #33b5e5;
    border-color: #33b5e5
}

.list-group-item:not(.active) {
    color: #222;
}

.list-group-item:not(.active):hover {
    color: #666;
}

.m-top-0{
	margin-top: 0;
}

.m-top-1{
	margin-top: 1px;
}

.m-top-5{
	margin-top: 5px;
}

.m-top-10{
	margin-top: 10px;
}

.m-top-15{
	margin-top: 10px;
}

.m-top-20{
	margin-top: 20px;
}

.m-top-30{
	margin-top: 30px;
}

.m-top-40{
	margin-top: 40px;
}

.m-top-50{
	margin-top: 50px;
}

.m-top-70{
	margin-top: 70px;
}

.m-top-100{
	margin-top: 100px;
}

.c-green{
	color: #9ddb17;
}

.c-red{
	color: red;
}

.c-black{
	color: black;
}

.c-white{
	color: white;
}

.bg-dark{
	background: rgb(255, 255, 255, 0.5) !important;
}

.bg-ocean-dark{
	background-color: #0c407d;
}

.f-s-1{
	font-size: 2.7em;
}

.f-s-2{
	font-size: 1.0em;
}

.f-s-3{
	font-size: 2.0em;
}

.f-s-small{
	font-size: 0.5em;
}

.hover-darker:hover{
	background: #F5F5F5;
}

.hover-bright{
	padding: 5px;
}

.hover-bright:hover{
	background: tomato;
	color: white;
}

.hover-grey{
	padding: 10px;
}

.hover-grey:hover{
	background:#E8E8E8;
}

.extra-margins {
    margin-top: 1rem;
    margin-bottom: 2.5rem;
}

.h-0{
	height: auto;
}


.b-20{
	bottom: 20px;
}

.c-black{
	color: black;
}

.c-purple{
	color: purple;
}

.c-gold{
	color: gold;
}

.border-yellow{
	border: 1px solid tomato;
}

.border-none{
	border: none;
}

.border-1{
	border: 1px solid black;
}

.radius-0{
	border-radius: 0 !important;
}

.p-l-10{
	padding-left: 10px;
}

.p-b-0{
	padding-bottom: 0;
}

.p-t-0{
	padding-top: 0;
}

.bg-black{
	background: black;
}

.bg-grey-opacity{
	background-color: rgb(184,184,184, 0.6);
}

.bg-grey-opacity-1{
	background-color: rgb(184,184,184, 0.2);
}

.bg-grey-opacity-8{
	background-color: rgb(105,105,105, 0.8);
}

.bg-white{
	background-color: white;
}

.bg-purple{
	background-color: #a6c;
}

.bg-purple-opacity-1{
	background-color: rgb(170, 102, 204, 0.5);
}

.bg-purple-opacity-2{
	background-color: rgb(170, 102, 204, 0.3);
}

.bg-purple-dark{
	background-color: #482343;
}

.bg-shade{
	background-color: #F8F8F8;
}

.container-top-10{
	position: absolute; 
	top: 10%
}

.p-0{
	padding: 0;
}

.p-5{
	padding: 5px;
}

.padding-5{
	padding: 5px;
}

.p-10{
	padding: 10px;
}

.p-15{
	padding: 15px;
}

.p-20{
	padding: 20px;
}

.p-30{
	padding: 30px;
}

.p-l-10{
	padding-left: 10px;
}

.width-percent-50{
	width: 50%;
}

.width-percent-100{
	width: 100%;
}

.flat-size-100{
	width: 100%;
	height: 100%;
}


.m-bottom-0{
	margin-bottom: 0;
}

.cal-day{
	cursor: pointer;
}

.cal-day:hover{
	background: #82e3d9;
}

.cal-day:active{
	background: #2fd0c0;
}

.cal-day-active{
	background: #2fd0c0;
	color: white;
}

.cal-day-active-end{
	background: #219186;
	color: white;
}

.cal-day-disable{
	background: #ff5050;
	color: white;
	cursor: no-drop;
}

.cal-day-choose{
	background: #737373;
	color: white;
	cursor: pointer;
}

.text-decor-none{
	text-decoration: none;
}

.overflow-scroll-x{
	overflow-x: scroll;
}

.shadow-none{
	box-shadow: none;
}

.shadow-1{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.word-wrap-normal{
	word-wrap: normal;
}

.width-percent-100{
	width: 100%;
}

.width-percent-90{
	width: 90%;
}

.width-percent-80{
	width: 80%;
}

.width-percent-70{
	width: 70%;
}

.width-percent-60{
	width: 60%;
}

.width-percent-50{
	width: 50%;
}

@media (min-width: 576px) {
	.container-view{
		padding: 5rem;
	}
}

@media (min-width: 768px) {
	
}


@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top-5 {
    position: -webkit-sticky;
    position: sticky;
    top: 5%;
    z-index: 10;
  }
  
  .sticky-top-10 {
    position: -webkit-sticky;
    position: sticky;
    top: 10%;
    z-index: 10;
  }
  
  .sticky-top-12 {
    position: -webkit-sticky;
    position: sticky;
    top: 12%;
    z-index: 10;
  }
}