/* Common styles for all htlm files */

body { padding-bottom: 70px; } 

.image-upload > input
{
    display: none;
}

/* Carousel */
.carousel-caption p {
    font-size: 40px;
    line-height: 1.4;
    color: blue;
}

p.thick {
    font-weight: bold;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar navbar-collapse  {
    text-align: center;
}

.md-scroll-mask {
    position: absolute;
    background-color: transparent;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
}

.md-dialog-container, md-dialog {
    display: flex;
    position: fixed;
}

md-dialog > form {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: auto;
}

md-dialog .md-dialog-content {
    padding: 24px;
}

.line-container {
    display: flex;
}

.custom-width-300 {
    width: 300px;
}

.text-6-lines-container {
    white-space: pre-wrap; /* Preserves line breaks */
    overflow: hidden; /* Hides overflow content */
    display: -webkit-box; /* Required for webkit browsers */
    -webkit-box-orient: vertical; /* Required for webkit browsers */
    -webkit-line-clamp: 6; /* Limits the number of lines */
}

input[type=checkbox] {
    /* Double-sized Checkboxes */
    transform: scale(2);
    margin-bottom: 5px;
}

input[type=radio] {
  /* Double-sized Radio buttons */
  transform: scale(2);
  margin: 10px 5px 0 0px;
}

.checkboxlabel {
  line-height: 30px;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 5px;
  font-size: 14px;
}

.selectlabel label {
  margin-bottom: 0px;
  margin-left: 0px;
  font-weight: normal;
  font: 15px;
}

.field-validation-error {
    color: #ff0000;
}

/* Multiline checkbox => */
.mycheckbox-multiline input {
    margin-left: 5px;
    float: left;
}

.mycheckbox-multiline label {
    margin-left: 35px;
    display: block;
}
/* <= Multiline checkbox */


/* Angular hide animation start */
.animate-show-hide.ng-show {
  opacity: 0;
}

.animate-show-hide.ng-show-add,
.animate-show-hide.ng-show-remove {
  transition: all linear 0.5s;
}

h4.small_line_height {
    line-height : 25%;
}

div.highlight {
    background-color: lightgoldenrodyellow;
}

.my-offset {
    padding-left: 40px;
}

.mybtn-truncatedbuttontext {
    width: 150px;
    text-overflow: ellipsis;
    overflow: hidden
}

.mybtn-multilinebuttontext {
    width: 150px;
    white-space: normal !important;
    word-break: normal;
    word-wrap: break-word
}

.mybg-other {
    background-color: #ff9292;
}

.text-nonbold {
    color: #000000;
}

.text-bold {
    color: #000000;
    font-weight: bold;
}
/* Angular hide animation ends */

html, body {
    min-height: 100%;
    height: auto;
}

/*body {
    font-family: sans-serif; 
    font-size: 20px;
    margin: 0;
}

label {
    font-weight: bold;
    display: block;
}

input[type=text], input[type=password], input[type=email], textarea {
    width: 150px;
    height: 50px;
}

input[type=submit] {
    width: auto;
    font-size: 50px;
    background-color:lightgray;
    margin: 3px 0 3px 60%;
}*/


/*#Header {
    background-color: darkblue;
    padding: 8px 10px;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    color: white;
}

#Main {
    background-color: #eee;
    margin: 0 0 0 0;
    padding: 1px 5% 20px 5%;
}*/

/*#Footer {
    background-color: darkblue;
    color: white;
    padding: 1px 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 20px;
}*/

/*
.menu {
  font-size: 12px;
}

  .menu li {
    list-style-type: none;
  }*/