.field-validation-error {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    font-weight: normal;
    font-style: italic;
    /*background: #E3011C;*/
    background: none;
    color: #E3011C;
    font-weight: 900;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.submitLoaderAnimation {
    display:    none;
    position:   fixed;
    z-index:    2000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../images/loaderAnimation.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .submitLoaderAnimation {
    display: block;
}

/*makes column equal height in a same row*/
@media (min-width: 768px) {
  .table-row {
    display: table;
  width: 100%;
    table-layout: fixed;
  }

  .table-row [class^="col-"] {
    display: table-cell;
    float: none;
  }
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}





.backgroundImageFullCenter {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 560px;
  z-index: -1;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@media print {
.noPrint {
        display: none !important;
  }
}


@media print {
.yesPrint {
        display: block !important;
  }
}




.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}

.panel-pink {
    border-color: DeepPink;
}

.panel-pink > .panel-heading {
    border-color: DeepPink;
    color: #fff;
    background-color: DeepPink;
}

.panel-pink > a {
    color: DeepPink;
}

.panel-pink > a:hover {
    color: #b52b27;
}

.panel-grey {
    border-color: grey;
}

.panel-grey > .panel-heading {
    border-color: grey;
    color: #fff;
    background-color: grey;
}

.panel-grey > a {
    color: grey;
}

.panel-grey > a:hover {
    color: #b52b27;
}

.panel-purple {
    border-color: #cc00cc;
}

.panel-purple > .panel-heading {
    border-color: #cc00cc;
    color: #fff;
    background-color: #cc00cc;
}

.panel-purple > a {
    color: #cc00cc;
}

.panel-purple > a:hover {
    color: #b52b27;
}

.panel-brown {
    border-color: Goldenrod;
}

.panel-brown > .panel-heading {
    border-color: Goldenrod;
    color: #fff;
    background-color: Goldenrod;
}

.panel-brown > a {
    color: Goldenrod;
}

.panel-brown > a:hover {
    color: #b52b27;
}

.panel-CadetBlue {
    border-color: CadetBlue;
}

.panel-CadetBlue > .panel-heading {
    border-color: CadetBlue;
    color: #fff;
    background-color: CadetBlue;
}

.panel-CadetBlue > a {
    color: CadetBlue;
}

.panel-CadetBlue > a:hover {
    color: #b52b27;
}

.panel-CornflowerBlue {
    border-color: CornflowerBlue;
}

.panel-CornflowerBlue > .panel-heading {
    border-color: CornflowerBlue;
    color: #fff;
    background-color: CornflowerBlue;
}

.panel-CornflowerBlue > a {
    color: CornflowerBlue;
}

.panel-CornflowerBlue > a:hover {
    color: #b52b27;
}



@media (max-width: 767px) {
  .vertical-menu-title {
      font-size:10px !important; 
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vertical-menu-title {
      font-size:10px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .vertical-menu-title {
      font-size:10px !important;
  }
}
@media (min-width: 1200px) {
  .vertical-menu-title {
      font-size:13px !important;
  }
}

/*@media (max-width: 767px) {
  .publicMenuTopFontSize {
      font-size:11px !important; 
  }
}*/
/*@media (min-width: 768px) and (max-width: 991px) {
  .publicMenuTopFontSize {
      font-size:8px !important;
  }
}*/
@media (min-width: 992px) and (max-width: 1029px) {
    .publicMenuTopFontSize {
        font-size: 9px !important;
    }
}
@media (min-width: 1030px) and (max-width: 1079px) {
    .publicMenuTopFontSize {
        font-size: 10px !important;
    }
}
@media (min-width: 1080px) and (max-width: 1129px) {
    .publicMenuTopFontSize {
        font-size: 11px !important;
    }
}
@media (min-width: 1130px) and (max-width: 1179px) {
  .publicMenuTopFontSize {
      font-size:12px !important;
  }
}
@media (min-width: 1180px) and (max-width: 1229px) {
    .publicMenuTopFontSize {
        font-size: 13px !important;
    }
}
@media (min-width: 1230px) {
  .publicMenuTopFontSize {
      font-size:14px !important;
  }
}


.zmtcss_FontFamily_header {
    font-family: 'Montserrat',sans-serif !important;
}

.zmtcss_FontFamily_body {
    font-family: 'Raleway',sans-serif;
}