/*vieweroverlay*/
  .overlayBtnTextColor {
        color: #23A0FA;
    }


    .ags-viewWrapperPart {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 999999;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";    /*IE8支持*/
    }

    .ags-viewContentHolderPart {
        height: 100%;
        overflow:auto;
        color: white;
    }

.ags-topContainerPart {
    position: absolute;
    top: 0%;
    right: 0%;
    width:100%;
}

    .ags-viewWrapperClosePart {
        width: 30px;
        height: 30px;
        margin: 5px;
        color: orange;
        position: absolute;
        top: 0%;
        right: 0%;
        font-size: 18px;
        cursor:pointer;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    .ags-centerContentPart {
        width: 100%;
        height: 100%;
        top: 0%;
        left: 0%;
        color: white;
        text-align: center;
        position: relative;
    }


    .ags-viewWrapper {
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 999999;
        overflow: hidden;
        background: rgba(0,0,0,.5);
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";    /*IE8支持*/
    }

    .ags-viewContentHolder {
        height: 100%;
        overflow: scroll;
        color: white;
        overflow: hidden;
    }

    .ags-topContainer {
        position: absolute;
        top: 0%;
        right: 0%;
        width: 100%;
    }

.ags-viewWrapperClose {
    width: 30px;
    height: 30px;
    margin: 5px;
    color: orange;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 18px;
    cursor: pointer;
    line-height: 30px;
    background: #fff;
    text-align: center;
    border-radius: 4px;
}

    .ags-centerContent {
        width: 100%;
        height: 100%;
        top: 0%;
        left: 0%;
        color: white;
        text-align: center;
        position: relative;
        overflow: hidden;
    }

    .ags-noScroll {
        overflow: hidden;
    }
/*end vieweroverlay*/

/*options overlay*/
.ags-btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid gray;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ags-item-wrapper {
    position: relative;
    height: 100%;
    top: 0%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.ags-item-content {
   position:relative;
   cursor:pointer;
}

.ags-cfr-content {
    height: 50%;
    width:100%;
    overflow-x:hidden;
    overflow-y:auto;
    border-bottom:1px solid gray;
    background:white;
    color:black;
    cursor:default;
}
.ags-cfr-confirm {
    background:white;
    color:black;
     height: 50%; 
    width:  50%; 
    float: left;
}
.ags-cfr-cancel {
    background:white;
    color:black;
    height: 50%; 
    width:  50%; 
    float: right;
}

.ags-loading-gif {
    position:relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    top: -40px;
    background:url(../../images/sys/loading.gif) no-repeat;
}