#generalForm {
    display:none;
}

.remove-row {
	cursor: pointer;
}

.remove-mark {
	cursor: pointer;
}

.kaptchaValidation {
	visibility:hidden;
	display:none;
}

.mandatory {
	position:relative;
	left:-4px;
	border-left:4px solid #c30f29;
	padding-left:4px;
}

.drop-notify{
	width: 500px;
}

/*
	border-top:1px solid gray;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
	
*/

.srhVar {
	cursor: pointer;
}

.verControl {
	padding-left:5px;
	padding-right:5px;	
}

.tooltips {
	margin-left:8px;	
}

/* Use for column heading */
.arrow {
    float: right;
    display:none;
}


#fmWrap {
	display:none;
}

#fmWrap2 {
	display:none;
}

#formError {
	display:none;	
}

/* Special logic to re-locate the view */
.hideTextArea {
	display:none;
	/*
	position: relative;
    left: -538px;
    top: 5px;
    */
}


.dataRow {
	cursor:pointer;
}

.ui-autocomplete {
	background-color:white;
	font-size:14px;	
}

#newBtn {
	float:left;
	margin-left:20px;
}

#advanceSrh {
	display:none;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	line-height:15px;
}

#advanceSrh .row {
	padding-bottom:10px;	
}

/* iCheck plugin Square skin, green
----------------------------------- */
.icheckbox_square-green,
.iradio_square-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(green.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-green {
    background-position: 0 0;
}
.icheckbox_square-green.hover {
    background-position: -24px 0;
}
.icheckbox_square-green.checked {
    background-position: -48px 0;
}
.icheckbox_square-green.disabled {
    background-position: -72px 0;
    cursor: default;
}
.icheckbox_square-green.checked.disabled {
    background-position: -96px 0;
}

.iradio_square-green {
    background-position: -120px 0;
}
.iradio_square-green.hover {
    background-position: -144px 0;
}
.iradio_square-green.checked {
    background-position: -168px 0;
}
.iradio_square-green.disabled {
    background-position: -192px 0;
    cursor: default;
}
.iradio_square-green.checked.disabled {
    background-position: -216px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square-green,
    .iradio_square-green {
        background-image: url(green@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

/*!
// CSS only Responsive Tables
// http://dbushell.com/2016/03/04/css-only-responsive-tables/
// by David Bushell
// Apply for large table which allow the horizontal scrollbar
*/
.vtable {
  /*!
  // IE needs inline-block to position scrolling shadows otherwise use:
  // display: block;
  // max-width: min-content;
  */
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  overflow-x: auto;
  /*white-space: nowrap;*/
  border-collapse: collapse;
  border-spacing: 0;
}

.vtable,
.vtable--flip tbody {
  -webkit-overflow-scrolling: touch;
  background: -webkit-radial-gradient(left ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, -webkit-radial-gradient(right ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
  background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
  background-size: 10px 100%, 10px 100%;
  background-attachment: scroll, scroll;
  background-repeat: no-repeat;
}

/*
.vtable td:first-child,
.vtable--flip tbody tr:first-child {
  background-image: -webkit-linear-gradient(left, white 50%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 100%);
  background-repeat: no-repeat;
  background-size: 20px 100%;
}
*/

.vtable td:last-child,
.vtable--flip tbody tr:last-child {
  background-image: -webkit-linear-gradient(right, white 50%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0) 100%);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 20px 100%;
}

.vtable th {
  font-size: 10px;
  text-align: left;
  /*text-transform: uppercase;*/
  background: #f2f0e6;
}

.vtable th,
.vtable td {
  padding: 4px;
  border: 1px solid #d9d7ce;
}

.vtable--flip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  background: none;
}

.vtable--flip thead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
}

.vtable--flip tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}

.vtable--flip tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.vtable--flip td,
.vtable--flip th {
  display: block;
}

.vtable--flip td {
  background-image: none !important;
  border-left: 0;
}

.vtable--flip th:not(:last-child),
.vtable--flip td:not(:last-child) {
  border-bottom: 0;
}

.ff1{
    width:40px;
}

.ff15{
    width:50px;
}

.ff2 {
    width:60px;
}

.ff3 {
    width:80px;
}

.ff35 {
    width:90px;
}

.ff4 {
    width:100px;
}

.ff45 {
    width:110px;
}

.ff5 {
    width:120px;
}

.ff6 {
    width:140px;
}

.ff7 {
    width:160px;
}

.ff8 {
    width:180px;
}

@media (min-width: 768px) {
  .equal {
    display: flex;
    flex-wrap: wrap;
  }
}