/*Calibri fontSet*/
@font-face {
    font-family: "calibri";
    src: url("../fonts/calibri.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "calibri";
    src: url("../fonts/Calibri-Italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "calibri";
    src: url("../fonts/Calibri-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "calibri";
    src: url("../fonts/Calibri-BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
}

.md-preloader {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 5px auto;
    overflow: hidden;
    font-size: 0;
    -webkit-animation: outer 6600ms linear infinite;
            animation: outer 6600ms linear infinite;
  }
  .md-preloader svg {
    -webkit-animation: inner 1320ms linear infinite;
            animation: inner 1320ms linear infinite;
  }
  .md-preloader svg circle {
    fill: none;
    stroke: #25bc58;
    stroke-linecap: square;
    -webkit-animation: arc 1320ms cubic-bezier(0.8, 0, 0.4, 0.8) infinite;
            animation: arc 1320ms cubic-bezier(0.8, 0, 0.4, 0.8) infinite;
  }
  .suggest-list-loader-top,.suggest-list-loader-bottom{
      display: none;
  }
  .preloader-list-item{
    text-align: center !important;
  }
  /*Pagination style starts*/
    .pagination-wrapper {
      float: right;
      margin-top: 15px;
    }
    .pagination-wrapper .form-group {
      float: left;
      margin: 0 15px 0 0;
    }
    .pagination-wrapper label {
      float: left;
      color: #9ea0a3;
      font-size: 13px;
      font-style: italic;
      font-weight: 300;
      margin: 2px 8px;
    }
    .pagination-wrapper .form-control {
      float: left;
      padding: 0;
      width: 50px;
      height: 24px;
      font-weight: 300;
      font-size: 12px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
    }
    .pagination-wrapper nav {
      float: right;
    }
    .pagination-wrapper .pagination {
      margin: 0;
    }
    .pagination-wrapper .pagination a {
      padding: 3px 9px;
      border: none;
    }
    .pagination-wrapper .pagination>.active>a,
    .pagination-wrapper .pagination>.active>a:focus,
    .pagination-wrapper .pagination>.active>a:hover,
    .pagination-wrapper .pagination>.active>span,
    .pagination-wrapper .pagination>.active>span:focus,
    .pagination-wrapper .pagination>.active>span:hover{
      color: #fff;
      background-color: #1BB46F;
      border-color: #1BB46F;
    }
    .pagination-wrapper .pagination a {
      padding: 3px 9px;
      font-size: 13px;
      color: #1BB46F;
      border: none;
    }
/*Pagination style ends*/
  @-webkit-keyframes outer {
    0% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes outer {
    0% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @-webkit-keyframes inner {
    0% {
      -webkit-transform: rotate(-100.8deg);
              transform: rotate(-100.8deg);
    }
    100% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
  }
  @keyframes inner {
    0% {
      -webkit-transform: rotate(-100.8deg);
              transform: rotate(-100.8deg);
    }
    100% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
  }
  @-webkit-keyframes arc {
    0% {
      stroke-dasharray: 1 210.48670779px;
      stroke-dashoffset: 0;
    }
    40% {
      stroke-dasharray: 151.55042961px, 210.48670779px;
      stroke-dashoffset: 0;
    }
    100% {
      stroke-dasharray: 1 210.48670779px;
      stroke-dashoffset: -151.55042961px;
    }
  }
  @keyframes arc {
    0% {
      stroke-dasharray: 1 210.48670779px;
      stroke-dashoffset: 0;
    }
    40% {
      stroke-dasharray: 151.55042961px, 210.48670779px;
      stroke-dashoffset: 0;
    }
    100% {
      stroke-dasharray: 1 210.48670779px;
      stroke-dashoffset: -151.55042961px;
    }
  }
  .alert-width{
    position: fixed;
    top: 10px;
    left: 50%;
    margin: 0 auto 0 -225px;
    width: 450px;
    z-index: 999;
  }
  .alert-danger .close{
      position: absolute;
      top : 0;
      right: 5px;
  }
  
  .conatiner-margin{
    margin-top: 60px;
  }
  .alert-warning{
      position: fixed;
      left:30%;
      right:30%;
      top:0;
      z-index: 200000;
  }
  #zhemr_window_iframe{
    width: 100%;
    height: 100%;
}
#zhemr_common_popup{
    padding:0  !important;
    overflow: hidden;
}
#zhemr_common_popup > .modal-dialog{
    width:100%;
    height:auto;
    margin: 10px auto !important;
}
#zhemr_common_popup .modal-body{
    margin: 0 auto;
/*    height: 75vh;*/
}
#zhemr_common_popup .modal-close{
  position: absolute;
  top: -10px;
  right: 1px;
  z-index: 9;
  background-color: #ec7d2d;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  text-align: center;
  cursor: pointer;
}
#zhemr_common_popup .modal-close .fa{
  vertical-align: top;
  font-size: 12px;
  line-height: 24px;
}