.overlay{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0,0,0,0.8)  center no-repeat;
}

.mypage{
	width: 95% !important;
	max-width: 1100px !important;
	padding: 0px;
	margin: 0px auto;
}
.myheader{
	background: -webkit-linear-gradient(#006699  0%,#FFFFFF  95%) repeat scroll 0 0 transparent; 
	background: -moz-linear-gradient(center top ,#006699  0%,#FFFFFF  95%) repeat scroll 0 0 transparent; 
	background: -o-linear-gradient(#006699  0%,#FFFFFF  95%) repeat scroll 0 0 transparent; 
	background: -ms-linear-gradient(#006699  0%,#FFFFFF  95%) repeat scroll 0 0 transparent; 
	background: linear-gradient(center top ,#006699  0%,#FFFFFF  95%) repeat scroll 0 0 transparent; 
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
	background-repeat:repeat-x;
	min-height: 90px;
}
.myfooter{
	background: -webkit-linear-gradient(#FFFFFF  0%,#006699  75%) repeat scroll 0 0 transparent; 
	background: -moz-linear-gradient(center top ,#FFFFFF  0%,#006699  75%) repeat scroll 0 0 transparent; 
	background: -o-linear-gradient(#FFFFFF  0%,#006699  75%) repeat scroll 0 0 transparent; 
	background: -ms-linear-gradient(#FFFFFF  0%,#006699  75%) repeat scroll 0 0 transparent; 
	background: linear-gradient(center top ,#FFFFFF  0%,#006699  75%) repeat scroll 0 0 transparent; 
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
	background-repeat:repeat-x;
	min-height: 60px;
}
.my-container {
  	width: 100%;
	min-height: 300px;
  	padding-top: 10px;
  	/*padding-right: 10px;
  	padding-left: 10px;*/
  	margin: 0px auto;
}
.container {
	min-height: 300px;
	margin: 0px auto;
	padding: 10px 0px !important;
}

.content{
	width: fit-content !important;
	margin:0px auto !important;
}

.bg-custom {
  background-color: #4d4358 !important;
  color: #FFFFFF !important;
}
.bg-custom-light {
  background-color: #6d5a82 !important;
  color: #FFFFFF !important;
}


a.bg-custom:hover, a.bg-custom:focus,
button.bg-custom:hover,
button.bg-custom:focus {
  background-color: #8f73ad !important;
}

.bg-tealdarken4 {
  background-color: #004d40 !important;
  color: #ffffff !important;
}
.bg-tealdarken3 {
  background-color: #00695c !important;
  color: #ffffff !important;
}
.bg-tealdarken1 {
  background-color: #00897b !important;
  color: #ffffff !important;
}
.bg-teallighten5 {
  background-color: #b2dfdb  !important;  
}


.bg-cyandarken4 {
  background-color: #006064 !important;
  color: #ffffff !important;
}
.bg-cyandarken3 {
  background-color: #00838f !important;
  color: #ffffff !important;
}
.bg-cyandarken1 {
  background-color: #00acc1 !important;
  color: #ffffff !important;
}
.bg-cyanlighten5 {
  background-color: #e0f7fa !important;  
}
.bg-cyanlighten3 {
  background-color: #80deea !important;  
}


.card-header-sm {
  padding: 0.5rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.btn-xs, .btn-group-xs > .btn {
  padding: 0.36rem 0.5rem !important;
  font-size: 0.750rem  !important;
  line-height: 1.0  !important;
  border-radius: 0.2rem;
}
.btn-xs + .dropdown-toggle-split, .btn-group-xs > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.nav-link{
  padding: 0.2rem 1rem !important;
  border-top: 1px solid #343A40 !important;
  border-bottom: 1px solid #343A40 !important;
}
.nav-link:hover{
  color: red;
  border-top: 1px solid #DC3545 !important;
  border-bottom: 1px solid #DC3545 !important;
}