body {
}
.lbltop {position: relative;top: 5px;}
.loading {width:32px;height:32px;position:relative;left:50%;display:none;margin-top:16px;margin-bottom:5px;margin-left:-16px;}
.norecords {width:200px;position:relative;left:50%;display:none;margin-right:-100px;margin-left:-100px;}

.form-control2 {
  margin:1px;
  height: 25px;
  padding: 4px 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control2:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control2::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control2:-ms-input-placeholder {
  color: #999;
}
.form-control2::-webkit-input-placeholder {
  color: #999;
}
.form-control2::-ms-expand {
  background-color: transparent;
  border: 0;
}

.customlabel {
    font-size:11px;
    margin-right:5px;
    margin-left:15px;
    width:85px;
}

.site-icon{
    pointer-events:none;
    margin-bottom:5px;
}

.site-icon-16{
    width: 16px;
    height: 16px;
}

.site-icon-22 {
    width: 22px;
    height: 22px;
}

.site-icon-32 {
    width: 32px;
    height: 32px;
}

.site-icon-48 {
    width: 48px;
    height: 48px;
}

.site-icon-64 {
    width: 64px;
    height: 64px;
}

.item-img-container {
    position: relative;
    width: 25%;
}

.item-img-image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.item-img-middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.item-img-container:hover .item-img-image {
    opacity: 0.3;
}

.item-img-container:hover .item-img-middle {
    opacity: 1;
}

.item-img-text {
    background-color: #4CAF50;
    color: white;
    font-size: 16px;
    padding: 16px 32px;
}

.item-img-button {
    background-color: #4CAF50;
    color: white;
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 5px;
}

.validate-text {
    position: fixed;
    margin-top: -8px;
    background-color: white;
    pointer-events: none;
    font-size:xx-small;
    margin-left:5px;
}


.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination-ys table > tbody > tr > td {
        display: inline;
    }

        .pagination-ys table > tbody > tr > td > a,
        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #000000;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            margin-left: -1px;
        }

        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: #000000;
            background-color: #66afe9;
            border-color: #dddddd;
            cursor: default;
        }

        .pagination-ys table > tbody > tr > td:first-child > a,
        .pagination-ys table > tbody > tr > td:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td:last-child > a,
        .pagination-ys table > tbody > tr > td:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td > a:hover,
        .pagination-ys table > tbody > tr > td > span:hover,
        .pagination-ys table > tbody > tr > td > a:focus,
        .pagination-ys table > tbody > tr > td > span:focus {
            color: #0026ff;
            background-color: rgba(102, 175, 233, .6);
            border-color: #dddddd;
        }