/* template */
body,html {
  height: 100%;
  scroll-behavior: smooth;
  font-family: sans-serif;
}

/* hidden spacer before sections for proper offset */
section:before {
    height: 76px;
    content: "";
    display:block;
}

/* helpers */
.vh-50 {
    min-height: 50vh;
}
.vh-75 {
    min-height: 75vh;
}
.vh-100 {
    min-height: 100vh;
}


.hashscroll{
  padding-top: 80px;
  margin-top: -80px;
  vertical-align: top;
}

.mytopfix {
	max-width: 1140px;
	width: 100%;
    position: fixed;
    top: 52px;
    z-index: 999;
}

.nav-text {
  vertical-align: middle;
}

.img-resize{
  max-width: 90%;
  height: auto;
}


.myclose{
   margin : 0px;
   padding : 0px;
   position: absolute;
   top: 0.5rem;
   right: 1rem;
   display: block;
}

.btn {
    white-space: normal !important;  
}

.modal-div{
	border:1px solid #07a6b0; 
	border-radius: 10px; 
	text-align: center;
}

.modal-tbl{
	text-align: center; 
	height:100%; 
	width:100%;
}



.navbar {
    transition: top 0.5s ease;
}

.navbar-hide {
    top: -56px;
}

@media (max-width: 768px) {
  .nav-text {
    display: none;
  }
  .img-resize{
	  max-height: 100px;
  	max-width: 50%;
  }
}


@media (max-width: 576px) {
  .my-shrink
  {
    font-size: 90%;
  }
  .navbar img {
    height: 24px !important;
  }
  .navbar-hide {
      top: -46px;
  }
}

@media (max-width: 360px) {
  .my-shrink
  {
    font-size: 70%;
    max-width: 60%;
  }

  .navbar img {
    height: 20px !important;
  }
  .navbar-hide {
      top: -40px;
  }
}

@media (max-width: 330px) {
  .my-shrink
  {
    font-size: 50%;
    max-width: 60%;
  }
}

.container {
  padding-right: 4px;
  padding-left: 4px;
}

.card-body{
  padding-right: 4px;
  padding-left: 4px;
}

.tooltip_br{
	white-space: pre-line;
}

.tooltip_ex{

}

a.anchor {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}


a.a_underl{
	text-decoration: underline;
}

.hover_nodecor:hover{
	text-decoration: none;
}

input[type=text]:read-only {
    background: #EEE;
}


.loading{
	opacity: 0.2;
}

img.icon_sm {
  height: 20px;
  width: 20px;
}

img.icon_md {
  height: 24px;
  width: 24px;
}

.info_icon {
  cursor: pointer; 
  width:26px;
  height:26px;
  display:inline-block;
  border-radius:100%;
  border: #EEE 2px solid;
  color: #FFF;
  font-size:16px;
  text-align: center;
}

.info_icon:before {
  content: '?';
}

.info_icon_dark {
  color: #555;  
  border: #666 2px solid;
}

.info_icon_up {
  width:20px;
  height:20px;
  font-size:10px;
  font-weight:bold;
  position: relative;;
  top: -0.4em;
  text-align: center;
}

.boldLabels > div > label{
  font-weight: bold;
}

.boldLabels > div {
  margin-top: .5rem;
  margin-bottom: .5rem;
}


label.required:after {
    content: "*";
	color: red;
}

.handle {
    cursor: grab; 
}


.hr_text {
  display: flex;
  flex-direction: row;
}
.hr_text:before, .hr_text:after{
  content: "";
  flex: 1 1;
  border-bottom: 1px solid;
  margin: auto;
}
.hr_text:before {
  margin-right: 10px;
  margin-left: 5px
}
.hr_text:after {
  margin-left: 10px;
  margin-right: 5px;
}

.modal-down3 {
  top: 3rem;
}

.modal-down5 {
  margin: 5rem auto;
}

.modal-down7 {
  top: 7rem;
}
.modal-down15 {
  top: 15rem;
}



.d-md {

}

@media screen and (max-width: 430px){
   .d-md {
     display : none;
   }
}