.bi-eye-fill::before {
  display: inline-block;
  content: "";
  vertical-align: -.125em;
  background-image: "./images/eye-fill.svg"
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
}

.bi-eye::before { content: "./images/eye-fill.svg"; }
.bi-eye-slash-fill::before { content: "\f31f"; }
.bi-eye-slash::before { content: "./images/eye-slash-fill-16.png"; }

.defaultEditable input {
  width: 100%;
}
.survey .surveyquestion {
font-weight: bold;
text-decoration: underline; 
}


.surveyquestionanswers textarea {
position:relative;width:100%;padding-right:.75rem;padding-left:.75rem;
-webkit-box-flex:0;flex:0 0 100%;max-width:100%
}

.surveyquestioncomment textarea {
position:relative;width:100%;padding-right:.75rem;padding-left:.75rem;
-webkit-box-flex:0;flex:0 0 100%;max-width:100%
}

.surveybuttons button {
   border-top: 1px solid #4c87c3;
   background: #407fbf;
   background: -webkit-gradient(linear, left top, left bottom, from(#4c87c3), to(#407fbf));
   background: -webkit-linear-gradient(top, #4c87c3, #407fbf);
   background: -moz-linear-gradient(top, #4c87c3, #407fbf);
   background: -ms-linear-gradient(top, #4c87c3, #407fbf);
   background: -o-linear-gradient(top, #4c87c3, #407fbf);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.surveybuttons button:hover {
  border-top-color: #648eb8;
   background: #648eb8;
   color: #ccc;
   }
   .sidebar-user img {
    width: 64px;
	height: auto;
    /* height: 64px; */
}
textarea {
    max-width: 100%;
    resize: both;
}

.mleditXLCOD {
    height: 600px;
}

.mleditlarge {
		height: 100px;
		width: 400px;
}

.mleditSQL {
    max-width: 100%;
    height: 200px;
}

.btn-inactive {
 background-color: #666666;
 border-color: #666666;
color: white;
}
.groupboxheader {
    margin-bottom: 5px;
    margin-top: 5px;
     font-weight: bold;
    display: inline-block;
}
.groupboxheaderunderline {
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
    display: inline-block;
    text-decoration: underline;
}
.showhidetoggle {
     min-height: 32px; 
    width: 100%;
    color: white;
    padding-left: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
     margin-bottom: 10px; 
     margin-top: 20px; 
    padding-right: 5px;
    background: #99ccff;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-color: #7f7f7f;

}

.headingbox {
     min-height: 20px; 
    width: 99.5%;
    color: white;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
     margin-bottom: 10px; 
     margin-top: 20px; 
    padding-right: 5px;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-color: #7f7f7f;
}
.ShowVMLError {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: .2rem;

  background-color: white;
  font-weight: bolder;
}

.toggle .togglewrapper {
 margin-bottom: -10px; 
     margin-top: -20px;
}
a[rel*="toggle"] {
text-decoration: none; 
vertical-align: middle;
}
.undertogglegroupbox {
    margin-top: 19px;
    text-align: left;

}
.card-body {
	 border-width: 1px;
    border-style: solid;
    border-color: #E8E8E8;
}
.form-control {
 height: auto !important;
} 
.controlhidden{
   display:none;
   visibility: hidden;
}
.onelinecheckbox {
    display: inline-flex;
    white-space: nowrap;
}


@media screen and (max-width: 568px) {
    /* Stack anything that isn't full-width on smaller screens */

.showhidetoggle {
  min-height: 25px;
}
.showhidetoggle img {
  width: 80%;
}


}

@media screen and (max-width: 480px) {
.showhidetoggle {
  min-height: 18px;
}  

.showhidetoggle img {
  width: 70%;
}

}
 @media {
	 .sidebar{margin-left:-230px}
	 .sidebar .sidebar-content{left:-230px}
	 .sidebar.toggled{margin-left:0}
	 .sidebar.toggled .sidebar-content{left:0}
	 .sidebar-collapsed{margin-left:0}
	 .sidebar-collapsed .sidebar-content{left:0}
	 .sidebar-collapsed.toggled{margin-left:-230px}
	 .sidebar-collapsed.toggled .sidebar-content{left:-230px}}
 @media (min-width:991.99px) {
	 .sidebar.contentExists{margin-left:0}
	 .sidebar.contentExists .sidebar-content{left:0}
	 	 .sidebar.contentExists.toggled{margin-left:-230px}
	 .sidebar.contentExists.toggled .sidebar-content{left:-230px}
	 
	 }