/* rgb(216, 220, 222); /* light grey */
/* rgb(227, 232, 234); /* */
/* rgb(151, 161, 167); /* grey */
/* rgb(5, 54, 87); /* dark blue */
/* rgb(245, 169, 29);  /* orange */ 

html, body {
	width:100%;
  height: 100%;
	background-color: rgb(151, 161, 167);
}
.modal{
	z-index:1;
}
#second{
	  transition: all .9s;
}
#c2t{
	background-color:rgb(245, 169, 29);  /* orange */ 
	color:rgb(5, 54, 87); /* dark blue */
	cursor:pointer;
}
#ct2:hover{
	cursor:pointer;
	background-color:rgb(5, 54, 87); /* dark blue */
	color:rgb(245, 169, 29);  /* orange */ 
}
.invisible {
  display: none;
}






.sidebar-wrapper{
	position:fixed;	
	height: 100%;
	background-color: #c6c8ca;
	z-index:1000;
}
#first{
/* 	margin-left:20%; */
		width:80%;
	left:0;
}
.footer-menu{
  position:absolute;
  bottom:0;
	color:#9f9f9f;
}

.columncount{
	column-count:3;
}

.card{
  /*position:relative;*/
  line-height:20px;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.19);
  border-radius: 4px;
  background-color:rgb(216, 220, 222); /* light grey */
	overflow:hidden;

}
.card-header{
  height:100px;
  background-color:rgb(5, 54, 87); /* dark blue */
  color:rgba(230, 235, 224, 1); /* Ice White */
	overflow:hidden;
}
.card-title{
	width:80%;
	float:left;
}
.card-btn{
	width:20%;
	float:left;
}

.card-footer{
    height:25px;
  background-color:rgb(5, 54, 87); /* dark blue */
  color:rgba(230, 235, 224, 1); /* Ice White */
}
.card-body, .card-text{
  height:auto;
}

/* .innerDiv ScrolBar */
/* Let's get this party started */
.card-text::-webkit-scrollbar {
    width: 6px;
}
.overflow{
  miheight:150px;
  overflow:hidden;
} 
.overflow-y{
  height:120px; 
  overflow-y:scroll;
}

/* Track */
.card-text::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
.card-text::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:  #ffffff;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.card-text::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}
.btn-circle{

	background-color: rgb(5, 54, 87); /* dark blue */
	border:2px solid rgb(245, 169, 29);  /* orange */ 
  color:rgb(245, 169, 29);  /* orange */ 
  width:40px;
  height:40px;
  margin: auto;
  text-align:center;
  border-radius:100%;
  line-height:10px;outline: none;
}
.btn-circle:hover{
  background-color: rgb(5, 54, 87); /* dark blue */
  border:2px solid rgba(230, 235, 224, 1); /* Ice White */
  color:rgba(230, 235, 224, 1); /* Ice White */
}
.btn-circle:focus{
  outline-style:none;
  box-shadow:none;
}

/**********************************/
.third{

	border-left:1px solid rgb(245, 169, 29);  /* orange */ 
	background-color:#c6c8ca;

    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
    display: none;
}
.custom_btn{
	-webkit-appearance: none!important;
	cursor:pointer;
	color:rgb(245, 169, 29)!important;  /* orange */
}
.custom_btn:hover{
	color:rgb(151, 161, 167); /* grey */
}