/*!
 * Datetimepicker for Bootstrap 3
 * ! version : 4.7.14
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
 .extended-fields.date{
	 z-index:1000 !important;
 }
.bootstrap-datetimepicker-widget {
  list-style: none !important;
}
#nex-forms .is_typing #datetimepicker input,
#nex-forms .is_typing #datetimepicker .input-group-addon {
    border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}


#nex-forms  #datetimepicker.no-icon {
	position:relative;
}

#nex-forms .ui-nex-forms-container .time .bootstrap-datetimepicker-widget.dropdown-menu {
	max-width:100% !important;
	min-width: 100% !important;
	text-align:center !important;
	display:flex;
	justify-content:center;
}

#nex-forms .ui-nex-forms-container .bootstrap-datetimepicker-widget.dropdown-menu {
  /*margin: 2px 0 !important;*/
 
 /* width: 19em !important;*/
 left:1px !important;
 /*top:37px !important;*/
 border-radius:0 0px 3px 3px !important;
 border-color:#ddd !important;
 box-shadow:2px 2px 18px 0px rgba(0,0,0,0.15) !important;
 margin-top:-1px;
 background:#fff;
}

#nex-forms .ui-nex-forms-container .bootstrap-datetimepicker-widget.dropdown-menu.top {
  /*margin: 2px 0 !important;*/
 
 /* width: 19em !important;*/
 left:1px !important;
 /*top:37px !important;*/
 border-radius:3px 3px 0px 0px !important;
 border-color:#ddd !important;
 box-shadow:2px -2px 18px 0px rgba(0,0,0,0.15) !important;
 margin-top:unset;
 margin-bottom:-3px;
 background:#fff;
}

#nex-forms .time.display_inline_cal .input_container.align_right div {
    float: right;
}
#nex-forms .time.display_inline_cal .input_container.align_center {
    display: flex;
    justify-content: center;
}
#nex-forms .time.display_inline_cal .bootstrap-datetimepicker-widget {
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
	width:100% !important;
}

#nex-forms .time .bootstrap-datetimepicker-widget .timepicker-hours table,
#nex-forms .time .bootstrap-datetimepicker-widget .timepicker-minutes table {
    width: 100% !important; 
}
#nex-forms .time .bootstrap-datetimepicker-widget .timepicker-hours table td:hover, #nex-forms .time .bootstrap-datetimepicker-widget .timepicker-minutes table td:hover {
    background: #42c4f6 !important;
    color: #fff;
}
#nex-forms .time .bootstrap-datetimepicker-widget .timepicker-hours table td, #nex-forms .time .bootstrap-datetimepicker-widget .timepicker-minutes table td {
    background: #f5f5f5 none repeat scroll 0 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 11px !important;
    width: auto !important;
    border: 3px solid #fff;
}
#nex-forms .timepicker-hours,
#nex-forms .timepicker-minutes {
    padding: 15px 0px;
}
#nex-forms .timepicker-picker a.btn span {
    text-align: center;
    width: 40px;
    font-size: 26px;
    color: #3cc2ff;
}
#nex-forms .timepicker-picker a.btn span:hover{
	opacity:0.8;
}
/*@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em !important;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em !important;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em !important;
  }
}
*/
#nex-forms .ui-nex-forms-container .display_inline_cal .input-group-addon,
#nex-forms .ui-nex-forms-container .display_inline_cal input  {
    display: none !important;
}

#nex-forms .bootstrap-datetimepicker-widget td, #nex-forms .bootstrap-datetimepicker-widget th {
    padding: 10px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
	position:relative;
}

#nex-forms .bootstrap-datetimepicker-widget td{
	border-radius: 0 !important;
}
#nex-forms .display_inline_cal .bootstrap-datetimepicker-widget {
    list-style: none !important;
    width: 100%;
    box-shadow: 2px 2px 18px 0px rgba(0,0,0,0.15);
    overflow: hidden;
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '' !important;
  display: inline-block !important;
  position: absolute !important;
}
/*.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent !important;
  border-right: 7px solid transparent !important;
  border-bottom: 7px solid #cccccc !important;
  border-bottom-color: rgba(0, 0, 0, 0.2) !important;
  top: -7px !important;
  left: 7px !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-bottom: 6px solid white !important;
  top: -6px !important;
  left: 8px !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent !important;
  border-right: 7px solid transparent !important;
  border-top: 7px solid #cccccc !important;
  border-top-color: rgba(0, 0, 0, 0.2) !important;
  bottom: -7px !important;
  left: 6px !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 6px solid white !important;
  bottom: -6px !important;
  left: 7px !important;
}*/
/*.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto !important;
  right: 6px !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto !important;
  right: 7px !important;
}*/
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0 !important;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 0 0 !important;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none !important;
}
.timepicker-hour.animating{
	color:rgba(0,0,0,0) !important;
}
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    /* width: 54px !important; */
    font-size: 33px !important;
    margin: 0 !important;
    background: rgba(255,255,255,0.1);
    padding: 23px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0px 10px !important;
    /* border: 1px solid #e1e1e1; */
    box-shadow: inset 4px 4px 19px rgba(0,0,0,0.07);
}
#nex-forms .date .bootstrap-datetimepicker-widget.ui-widget-content {
    background: #fff;
}
.bootstrap-datetimepicker-widget td.separator {
    font-size: 30px;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px !important;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  content: "Increment Hours" !important;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  content: "Increment Minutes" !important;
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  content: "Decrement Hours" !important;
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  content: "Decrement Minutes" !important;
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  content: "Show Hours" !important;
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  content: "Show Minutes" !important;
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  content: "Toggle AM/PM" !important;
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  content: "Clear the picker" !important;
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  content: "Set the date to today" !important;
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center !important;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  content: "Toggle Date and Time Screens" !important;
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  width: auto !important;
  line-height: inherit !important;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5 !important;
  height: 2.5em !important;
  width: 100% !important;
}
.bootstrap-datetimepicker-widget table {
  width: 100% !important;
  margin: 0 !important;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center !important;
  border-radius: 4px !important;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px !important;
  line-height: 20px !important;
  /*width: 20px !important;*/
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px !important;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none !important;
  color: #ddd !important;
  cursor: not-allowed !important;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  content: "Previous Month" !important;
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  content: "Next Month" !important;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer !important;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  /*background: #eeeeee !important;*/
}
.bootstrap-datetimepicker-widget table td {
  height: 54px !important;
  line-height: 54px !important;
  /*width: 54px !important;*/
  transition: all 500ms ease 0s;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em !important;
  height: 20px !important;
  line-height: 20px !important;
  color: #777777 !important;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px !important;
  line-height: 20px !important;
  /*width: 20px !important;*/
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  /*background: #eeeeee !important;*/
  cursor: pointer !important;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #aaa !important;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative !important;
  /*background:#8bc34a;*/
  color: #8bc34a;
  font-weight:bold;
}
/*.bootstrap-datetimepicker-widget table td.today:before {
  content: '' !important;
  display: inline-block !important;
  border: 0 0 7px 7px solid transparent !important;
  border-bottom-color: #337ab7 !important;
  border-top-color: rgba(0, 0, 0, 0.2) !important;
  position: absolute !important;
  bottom: 4px !important;
  right: 4px !important;
}*/
/*.bootstrap-datetimepicker-widget table td.today:after {
    content: '';
    background: transparent;
    display: flex;
    position: absolute;
    width: 80%;
    height: 78%;
    top: 12%;
    left: 10%;
    justify-content: center;
    align-items: center;
    border: 1px solid #8bc34b;
    border-radius: 50%;
}*/
#nex-forms .bootstrap-datetimepicker-widget .ui-state-active, 
#nex-forms .bootstrap-datetimepicker-widget .ui-widget-content .ui-state-active, 
#nex-forms .bootstrap-datetimepicker-widget .ui-widget-header .ui-state-active{
	 border:none !important;
	
}

.bootstrap-datetimepicker-widget table td.day:hover  .selection-placer .the-selection {
	background-color: rgba(0,0,0,0.05);
	transition: all 200ms ease 0s;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  /*background-color: #3dc5ff;*/
  color: #ffffff;
  /*transition: all 500ms ease 0s;
  border:none;*/
}

.day .selection-placer {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}



.day .selection-placer .the-selection {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.day.active .selection-placer .the-selection,
.bootstrap-datetimepicker-widget table td.day.active:hover .selection-placer .the-selection {
    background: #42c4f6;
}
#nex-forms .bootstrap-datetimepicker-widget .the-day {
    position: relative;
    z-index: 10;
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff !important;
}
.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
    background: none !important;
    color: #ddd !important;
    cursor: not-allowed !important;
}
.date .bootstrap-datetimepicker-widget table td span {
  display: inline-block !important;
  width: 54px !important;
  height: 54px !important;
  line-height: 54px !important;
  margin: 2px 1.5px !important;
  cursor: pointer !important;
  border-radius: 3px !important;
}
.bootstrap-datetimepicker-widget table td span {
  width: 54px !important;
}
.bootstrap-datetimepicker-widget table td span.decade {
    width: 100% !important;
}
.bootstrap-datetimepicker-widget table td span:hover {
  /*background: #eeeeee !important;*/
}
.bootstrap-datetimepicker-widget table td span.active,
.bootstrap-datetimepicker-widget table td span.active:hover {
    background-color: #3dc5ff !important;
    color: #ffffff !important;
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: #f5f5f5 !important;
}

.bootstrap-datetimepicker-widget table td span.old {
  color: #aaa !important;
}
#nex-forms .bootstrap-datetimepicker-widget td span.is-current {
    color: #8bc34a;
    font-weight: bold;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none !important;
  color: #ddd !important;
  cursor: not-allowed !important;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px !important;
  line-height: 27px !important;
}
.input-group.date .input-group-addon {
  cursor: pointer !important;
}
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}
#nex-forms .bootstrap-datetimepicker-widget.dropdown-menu table th {
   
    margin: 0 !important;
    border-radius: 0 !important;
}
#nex-forms .bootstrap-datetimepicker-widget.dropdown-menu td {
   
    border-radius: 0 !important;
}
#nex-forms .bootstrap-datetimepicker-widget.dropdown-menu ul {
    padding: 0 !important;
}
#nex-forms .bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ddd !important;
    border-radius: 3px;
    box-shadow: none;
    color: #666;
    display: inline-block;
    line-height: 32px;
    max-width: 100%;
    padding: 0 0 0 10px;
    vertical-align: middle;
    height: auto;
    min-height: 43px;
    padding: 5px 10px;
    cursor: text;
}
span#tag-icon {
    display: none;
}
#nex-forms .bootstrap-tagsinput input {border: none !important;box-shadow: none !important;outline: none !important;background-color: transparent !important;padding: 0 !important;margin: 0 !important;width: auto !important;max-width: inherit !important;}
#nex-forms .bootstrap-tagsinput input:focus {border: none;box-shadow: none;}
#nex-forms .bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #ffffff;
    font-size: 12px;
    padding: 6px 10px;
    font-weight: normal;
}
.do_nf_popup, #nex-forms .do_nf_sticky{ display: none !important; }
#nex-forms .bootstrap-tagsinput .tag [data-role="remove"] {margin-left: 8px;cursor: pointer;}
#nex-forms .bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 4px;
    position: relative;
    right: -9px;
}
#nex-forms .bootstrap-tagsinput .tag [data-role="remove"]:hover {transform:scale(1.02);}
#nex-forms .bootstrap-tagsinput .tag [data-role="remove"]:hover:active {box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
/*!* bootstrap-select v1.4.3* http://silviomoreto.github.io/bootstrap-select/** Copyright 2013 bootstrap-select* Licensed under the MIT license*/
.bootstrap-select.btn-group,.bootstrap-select.btn-group[class*="span"] {float: none;display: inline-block;margin-left: 0;}
.form-search .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group {margin-bottom: 0;}
.bootstrap-select.form-control {margin-bottom: 0;padding: 0;border: none;}
.bootstrap-select.btn-group.pull-right,.bootstrap-select.btn-group[class*="span"].pull-right,.row-fluid .bootstrap-select.btn-group[class*="span"].pull-right {float: right;}
.input-append .bootstrap-select.btn-group {margin-left: -1px;}
.input-prepend .bootstrap-select.btn-group {margin-right: -1px;}
.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {width: 220px;}
.bootstrap-select {/*width: 220px\9;IE8 and below*/width: 220px\0;/*IE9 and below*/}
.bootstrap-select.form-control:not([class*="span"]) {width: 100%;}
.bootstrap-select > .btn {width: 100%;position:relative;}
.error .bootstrap-select .btn {border: 1px solid #b94a48;}
.dropdown-menu {z-index: 2000;}
.bootstrap-select.show-menu-arrow.open > .btn {z-index: 2051;}
.bootstrap-select .btn:focus {outline: thin dotted #333333 !important;outline: 5px auto -webkit-focus-ring-color !important;outline-offset: -2px;}
.bootstrap-select.btn-group .btn .filter-option {overflow: hidden;position: absolute;left: 12px;right: 25px;}
.bootstrap-select.btn-group .btn .caret {position: absolute;top: 50%;right: 12px;margin-top: -2px;vertical-align: middle;}
.bootstrap-select.btn-group > .disabled,.bootstrap-select.btn-group .dropdown-menu li.disabled > a {cursor: not-allowed;}
.bootstrap-select.btn-group > .disabled:focus {outline: none !important;}
.bootstrap-select.btn-group[class*="span"] .btn {width: 100%;}
.bootstrap-select.btn-group .dropdown-menu {min-width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.bootstrap-select.btn-group .dropdown-menu.inner {position: static;border: 0;padding: 0;margin: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.bootstrap-select.btn-group .dropdown-menu dt {display: block;padding: 3px 20px;cursor: default;}
.bootstrap-select.btn-group .div-contain {overflow: hidden;}
.bootstrap-select.btn-group .dropdown-menu li {position: relative;}
.bootstrap-select.btn-group .dropdown-menu li > a.opt {position: relative;padding-left: 35px;}
.bootstrap-select.btn-group .dropdown-menu li > a {cursor: pointer;}
.bootstrap-select.btn-group .dropdown-menu li > dt small {font-weight: normal;}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {display: inline-block;position: absolute;right: 15px;margin-top: 2.5px;}
.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {display: none;}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {margin-right: 34px;}
.bootstrap-select.btn-group .dropdown-menu li small {padding-left: 0.5em;}
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small,.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small,.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) > a small {color: #64b1d8;color: rgba(255,255,255,0.4);}
.bootstrap-select.btn-group .dropdown-menu li > dt small {font-weight: normal;}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {content: '';display: inline-block;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #CCC;border-bottom-color: rgba(0, 0, 0, 0.2);position: absolute;bottom: -4px;left: 9px;display: none;}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {content: '';display: inline-block;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid white;position: absolute;bottom: -4px;left: 10px;display: none;}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {bottom: auto;top: -3px;border-top: 7px solid #ccc;border-bottom: 0;border-top-color: rgba(0, 0, 0, 0.2);}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {bottom: auto;top: -3px;border-top: 6px solid #ffffff;border-bottom: 0;}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {right: 12px;left: auto;}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {right: 13px;left: auto;}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {display: block;}
.bootstrap-select.btn-group .no-results {padding: 3px;background: #f5f5f5;margin: 0 5px;}
.mobile-device {position: absolute;top: 0;left: 0;display: block !important;width: 100%;height: 100% !important;opacity: 0;}
.bootstrap-select.fit-width {width: auto !important;}
.bootstrap-select.btn-group.fit-width .btn .filter-option {position: static;}
.bootstrap-select.btn-group.fit-width .btn .caret {position: static;top: auto;margin-top: -1px;}
.control-group.error .bootstrap-select .dropdown-toggle{border-color: #b94a48;}
.bootstrap-select-searchbox {padding: 4px 8px;}
.bootstrap-select-searchbox input {margin-bottom: 0;}
.bootstrap-colorpalette {padding-left:4px;padding-right:4px;white-space: normal;line-height:1;}
.bootstrap-colorpalette div {line-height:0;}
.bootstrap-colorpalette .btn-color {width: 17px;height: 17px;border: 1px solid #fff;margin: 0;padding: 0;}
.bootstrap-colorpalette .btn-color:hover {border: 1px solid #000;}
.btn-file {overflow: hidden;position: relative;vertical-align: middle;}
.btn-file > input {position: absolute;top: 0;right: 0;margin: 0;opacity: 0;filter: alpha(opacity=0);font-size: 23px;direction: ltr;cursor: pointer;}
.fileinput {display: inline-block;width:100%;}
.fileinput .uneditable-input {display: inline-block;margin-bottom: 0px;vertical-align: middle;cursor: text;width: 100% !important;}
.fileinput .thumbnail {overflow: hidden;margin-bottom: 5px;vertical-align: middle;text-align: center;}
.fileinput .thumbnail > img {max-height: 100%;}
.fileinput .btn {vertical-align: middle;}
.fileinput-exists .fileinput-new,.fileinput-new .fileinput-exists {display: none;}
.fileinput-inline .fileinput-controls {display: inline;}
.fileinput .uneditable-input {white-space: normal;}
.fileinput-new .input-group .btn-file {border-radius: 0 2px 2px 0;}
.fileinput-new .input-group .btn-file.btn-xs,.fileinput-new .input-group .btn-file.btn-sm {border-radius: 0 2px 2px 0;}
.fileinput-new .input-group .btn-file.btn-lg {border-radius: 0 2px 2px 0;}

#nex-forms .fileinput .the_input_element span.fileinput-filename {
    position: relative;
    top: -46px;
    color: #777 !important;
    height: 31px;
    font-size: 12px;
    overflow: hidden !important;
    display: block;
    left: 20px;
    max-width: 150px !important;
    text-overflow: ellipsis;
}

.fileinput .form-control {
    border: 1px solid #ddd;
    height: 42px;
    line-height: 41px;
    padding-left: 10px;
    border-radius:3px;
}
ul.file_list {
    border: 1px solid #ddd;
    border-radius: 0 0 3px 3px;
    margin: -9px 0 0;
    overflow: hidden;
    padding: 0;
    width: calc(100% - 2px);
    position: relative;
    z-index: 1000;
}
ul.file_list li:nth-child(even) {
    background: #f9f9f9;
}
ul.file_list li:nth-child(odd) {
    background: #f2f2f2;
}
ul.file_list li {
    list-style: none;
    margin: 0;
    background: #fff;
    padding: 5px 12px;
    color: #777;
}
ul.file_list li i {
    font-size: 13px;
    color: #999;
    margin-right: 10px;
}
.form-group.has-warning .fileinput .uneditable-input {color: #c09853;border-color: #faebcc;}
.form-group.has-warning .fileinput .fileinput-preview {color: #c09853;}
.form-group.has-warning .fileinput .thumbnail {border-color: #faebcc;}
.form-group.has-error .fileinput .uneditable-input {color: #b94a48;border-color: #ebccd1;}
.form-group.has-error .fileinput .fileinput-preview {color: #b94a48;}
.form-group.has-error .fileinput .thumbnail {border-color: #ebccd1;}
.form-group.has-success .fileinput .uneditable-input {color: #468847;border-color: #d6e9c6;}
.form-group.has-success .fileinput .fileinput-preview {color: #468847;}
.form-group.has-success .fileinput .thumbnail {border-color: #d6e9c6;}
.input-group-addon:not(:first-child) {border-left: 0;} 

#nex-forms .clearfix:before,.clearfix:after{content:"";display:table}
#nex-forms .clearfix:after{clear:both}
#nex-forms .clearfix{*zoom:1}
#nex-forms .prettycheckbox,.prettyradio{display:inline-block;padding:0;margin:0}
#nex-forms .prettycheckbox>a,.prettyradio>a{height:30px;width:30px;display:block;float:left;cursor:pointer;margin:0;}
#nex-forms .prettycheckbox>a:focus,.prettyradio>a:focus{outline:0 none}
#nex-forms .prettycheckbox>a{ transition:all 100ms;}
#nex-forms .prettycheckbox>a:focus{border-color:#66afe9 !important;outline:0 !important;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;}

#nex-forms .prettycheckbox>a.checked:focus{border-color:#66afe9 !important;outline:0 !important;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;}
#nex-forms .prettycheckbox>a.checked.disabled{}
#nex-forms .prettycheckbox>a.disabled{}
#nex-forms .prettyradio>a{  transition:all 100ms;}
#nex-forms .prettyradio>a:focus{border-color:#66afe9 !important;outline:0 !important;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;}

#nex-forms div.radio-group label a,
#nex-forms div.checkbox-group label a{
	position:absolute;
	top:0;
	left:0;
	text-decoration:none;
	}
#nex-forms div.radio-group label.radio-inline, #nex-forms div.radio-group label.checkbox-inline, #nex-forms div.checkbox-group label {
    line-height: 18px;
    padding-bottom: 10px;
    padding-left: 18px;
    padding-right: 5px;
    position: relative;
	cursor:default !important;
	/*opacity:0.7;*/
}

#nex-forms label.radio-inline:hover a{
	background:#f5f5f5;
}

/*#nex-forms label.radio-inline:hover, 
#nex-forms label.radio-inline.radio_selected{
	opacity:1 !important;
}
*/
#nex-forms .input-label:not(.image-choices-choice-text) {
    color: #999;
    display: block;
    margin-top: -17px;
    padding-left: 11px;
	cursor:pointer !important;
}
#nex-forms label.radio-inline:hover a, #nex-forms .prettycheckbox a:hover {
    box-shadow: 1px 1px 4px rgba(0,0,0,0.1) inset !important;
}
#nex-forms .prettyradio a,
#nex-forms .prettycheckbox a {	
	background: rgba(255,255,255,0.2) none repeat scroll 0 0;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 15px;
    cursor: pointer !important;
    display: block;
    height: 21px !important;
    line-height: 20px;
    text-align: center;
    transform: scale(1);
    transition: all 200ms ease 50ms;
    width: 21px !important;
	color:#fff;
    font-size: 12px;
	
}



/*#nex-forms .m_design .prettyradio a,
#nex-forms .m_design .prettycheckbox a {	
	background: rgba(255,255,255,0.2) none repeat scroll 0 0;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 15px;
    cursor: pointer !important;
    display: block;
    height: 18px !important;
    line-height: 17px;
    text-align: center;
    transform: scale(1);
    transition: all 200ms ease 50ms;
    width: 18px !important;
	color:#fff;
    font-size: 12px;
    margin-top: 1px;
}*/

#nex-forms .prettyradio>a.checked,
#nex-forms .prettycheckbox>a.checked,
#nex-forms label.radio-inline:hover a.checked,
#nex-forms .prettyradio>a.checked:hover,
#nex-forms .prettycheckbox>a.checked:hover,
#nex-forms label.radio-inline:hover a.checked:hover{  
	background: #8bc34a none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: transparent;
    font-size: 12px;
    padding-top: 0;
    text-decoration: none !important;
    /*transform: scale(1.1) !important;
    transition: all 400ms ease 500ms;*/
	box-shadow: 1px 1px 4px rgba(0,0,0,0.1) inset !important;
	}
	

#nex-forms .m_design .prettyradio>a.checked,
#nex-forms .m_design .prettycheckbox>a.checked,
#nex-forms .m_design label.radio-inline:hover a.checked,
#nex-forms .m_design .prettyradio>a.checked:hover,
#nex-forms .m_design .prettycheckbox>a.checked:hover,
#nex-forms .m_design label.radio-inline:hover a.checked:hover{  
	box-shadow: none !important;
}
	
	
#nex-forms .prettyradio>a.checked:focus{border-color:#66afe9 !important;outline:0 !important;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;}
#nex-forms .prettyradio>a.checked.disabled{}
#nex-forms .prettyradio>a.disabled{}
/*#nex-forms .prettyradio a,#nex-forms .prettycheckbox a {border: 1px solid #cccccc;
    border-radius: 15px;
    display: block;
    height: 22px !important;
    line-height: 20px;
    text-align: center;
    width: 22px !important;}*/

#nex-forms .prettycheckbox a {border-radius: 3px !important;}
#nex-forms .square .prettycheckbox a{ border-radius: 0px !important;}
#nex-forms .prettycheckbox a:hover,#nex-forms .prettyradio a:hover{}
#nex-forms .the-radios a{}
#nex-forms .the-radios a:hover{}
#nex-forms .the-radios label {color: inherit;}
#nex-forms .radio-inline,#nex-forms .checkbox-inline{margin-left:0 !important;margin-right:10px;}
#nex-forms .radio-inline.col-sm-6, #nex-forms .checkbox-inline.col-sm-6{margin-right:0px;}
#nex-forms .radio-inline.col-sm-4, #nex-forms .checkbox-inline.col-sm-4{margin-right:0px;}
#nex-forms .radio-inline.col-sm-3, #nex-forms .checkbox-inline.col-sm-3{margin-right:0px;}
#nex-forms .the-radios .alert-success,#nex-forms #slider .alert-success {background-color: #DFF0D8 !important;border-color: #D6E9C6 !important;color: #3C763D !important;}
#nex-forms .the-radios a.alert-success,#nex-forms #slider a.alert-success{color: #3C763D !important;}
#nex-forms .the-radios .alert-info,#nex-forms #slider .alert-info{background-color: #D9EDF7 !important;border-color: #BCE8F1 !important;color: #31708F !important;}
#nex-forms .the-radios a.alert-info,#nex-forms #slider  a.alert-info{color: #31708F !important;}
#nex-forms .the-radios .alert-warning,#nex-forms #slider .alert-warning{background-color: #FCF8E3 !important;border-color: #FAEBCC !important;color: #8A6D3B !important;}
#nex-forms .the-radios a.alert-warning,#nex-forms #slider a.alert-warning{color: #8A6D3B !important;}
#nex-forms .the-radios .alert-danger,#nex-forms #slider .alert-danger{background-color: #F2DEDE !important;border-color: #EBCCD1 !important;color: #A94442 !important;}
#nex-forms .the-radios a.alert-danger,#nex-forms #slider a.alert-danger{color: #A94442 !important;}

#nex-forms .check-icon.fa {
    align-items: center;
    display: flex;
    font-size: 12px;
    height: 21px;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 21px;
}
/*#nex-forms .m_design .check-icon.fa {
    align-items: center;
    display: flex;
    font-size: 12px;
    height: 17px;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    top: 1px ;
    width: 17px;
    font-size: 10px;
}*/
#nex-forms .prettycheckbox .check-icon.fa {
    /*left: 6px;*/
}

#nex-forms .single-image-select-group .the-radios .check-icon, 
#nex-forms .multi-image-select-group .the-radios .check-icon {
    left: 11px !important;
    z-index: 100000 !important;
    top: 17px !important;
}
#nex-forms .the-radios label:last-child {
    margin-right: 0;
}

.bootstrap-datetimepicker-widget .timepicker-picker td.hour:hover,
.bootstrap-datetimepicker-widget .timepicker-picker td.minute:hover,
.bootstrap-datetimepicker-widget .timepicker-picker td.second:hover{cursor:pointer;background:#fff !important}

.colorpicker-saturation{width:100px !important;
height:100px !important;
background-image:url(../images/saturation.png) !important;
cursor:crosshair !important;
float:left !important;}
.colorpicker-saturation i{display:block !important;
height:5px !important;
width:5px !important;
border:1px solid #000 !important;
-webkit-border-radius:5px !important;
-moz-border-radius:5px !important;
border-radius:5px !important;
position:absolute !important;
top:0 !important;
left:0 !important;
margin:-4px 0 0 -4px !important;}
.colorpicker-saturation i b{display:block !important;
height:5px !important;
width:5px !important;
border:1px solid #fff !important;
-webkit-border-radius:5px !important;
-moz-border-radius:5px !important;
border-radius:5px !important;}
.colorpicker-alpha,.colorpicker-hue{width:15px !important;
height:100px !important;
float:left !important;
cursor:row-resize !important;
margin-left:4px !important;
margin-bottom:4px !important;}
.colorpicker-alpha i,.colorpicker-hue i{display:block !important;
height:1px !important;
background:#000 !important;
border-top:1px solid #fff !important;
position:absolute !important;
top:0 !important;
left:0 !important;
width:100% !important;
margin-top:-1px !important;}
.colorpicker-hue{background-image:url(../images/hue.png) !important;}
.colorpicker-alpha{background-image:url(../images/alpha.png) !important;
display:none !important;}
.colorpicker-alpha,.colorpicker-hue,.colorpicker-saturation{background-size:contain !important;}
.colorpicker{padding:4px !important;
min-width:130px !important;
margin-top:1px !important;
-webkit-border-radius:4px !important;
-moz-border-radius:4px !important;
border-radius:4px !important;
z-index:2500 !important;}
.colorpicker:after,.colorpicker:before{display:table !important;
content:"" !important;
line-height:0 !important;}
.colorpicker:after{clear:both !important;}
.colorpicker:before{content:'' !important;
display:inline-block !important;
border-left:7px solid transparent !important;
border-right:7px solid transparent !important;
border-bottom:7px solid #ccc !important;
border-bottom-color:rgba(0,0,0,.2) !important;
position:absolute !important;
top:-7px !important;
left:6px !important;}
.colorpicker:after{content:'' !important;
display:inline-block !important;
border-left:6px solid transparent !important;
border-right:6px solid transparent !important;
border-bottom:6px solid #fff !important;
position:absolute !important;
top:-6px !important;
left:7px !important;}
.colorpicker div{position:relative !important;}
.colorpicker.colorpicker-with-alpha{min-width:140px !important;}
.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block !important;}
.colorpicker-color{height:10px !important;
margin-top:5px !important;
clear:both !important;
background-image:url(../images/alpha.png) !important;
background-position:0 100% !important;}
.colorpicker-color div{height:10px !important;}
.colorpicker-selectors{display:none !important;
height:10px !important;
margin-top:5px !important;
clear:both !important;}
.colorpicker-selectors i{cursor:pointer !important;
float:left !important;
height:10px !important;
width:10px !important;}
.colorpicker-selectors i+i{margin-left:3px !important;}
.colorpicker-element .add-on i,.colorpicker-element .input-group-addon i{display:inline-block !important;
cursor:pointer !important;
height:16px !important;
vertical-align:text-top !important;
width:16px !important;}
.colorpicker.colorpicker-inline{position:relative !important;
display:inline-block !important;
float:none !important;
z-index:auto !important;}
.colorpicker.colorpicker-horizontal{width:110px !important;
min-width:110px !important;
height:auto !important;}
.colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px !important;}
.colorpicker.colorpicker-horizontal .colorpicker-color{width:100px !important;}
.colorpicker.colorpicker-horizontal .colorpicker-alpha,.colorpicker.colorpicker-horizontal .colorpicker-hue{width:100px !important;
height:15px !important;
float:left !important;
cursor:col-resize !important;
margin-left:0 !important;
margin-bottom:4px !important;}
.colorpicker.colorpicker-horizontal .colorpicker-alpha i,.colorpicker.colorpicker-horizontal .colorpicker-hue i{display:block !important;
height:15px !important;
background:#fff !important;
position:absolute !important;
top:0 !important;
left:0 !important;
width:1px !important;
border:none !important;
margin-top:0 !important;}
.colorpicker.colorpicker-horizontal .colorpicker-hue{background-image:url(../images/hue-horizontal.png) !important;}
.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url(../images/alpha-horizontal.png) !important;}
.colorpicker.colorpicker-hidden{display:none !important;}
.colorpicker.colorpicker-visible{display:block !important;}
.colorpicker-inline.colorpicker-visible{display:inline-block !important;}
.colorpicker-right:before{left:auto !important;
right:6px !important;}
.colorpicker-right:after{left:auto !important;
right:7px !important;}
.colorpicker-no-arrow:before{border-right:0 !important;
border-left:0 !important;}
.colorpicker-no-arrow:after{border-right:0 !important;
border-left:0 !important;}

#nex-forms .ui-nex-forms-container input[type="radio"]:after, 
#nex-forms .ui-nex-forms-container input[type="checkbox"]:after, 
#nex-forms .ui-nex-forms-container input[type="radio"]:before, 
#nex-forms .ui-nex-forms-container input[type="checkbox"]:before {
    content: none !important;
}
#nex-forms .ui-nex-forms-container input[type="radio"], #nex-forms .ui-nex-forms-container input[type="checkbox"] {
    height: 0 !important;
    width: 0 !important;
    outline: none !important;
    border: none !important;
    position: absolute;
    background: 0 0 !important;
    color: transparent !important;
    box-shadow: none !important;
    opacity: 0;
}
#nex-forms .ui-nex-forms-container input[type="checkbox"]:after,
#nex-forms .ui-nex-forms-container input[type="radio"]:after,
#nex-forms .ui-nex-forms-container input[type="checkbox"]:before,
#nex-forms .ui-nex-forms-container input[type="radio"]:before{
	content:none
}
#nex-forms .image-choices-field .radio-inline {
    padding-left: 0px;
	border-style:solid;
	border-width:0px;
	line-height:0 !important;
}
.image-choices-field label.radio-inline {
    position: relative;
	transition:all 0.3s;
}
.image-choices-field label.radio-inline:hover .thumb-image-outer-wrap {
	box-shadow: 20px 20px 30px rgba(0,0,0,.2);
	transition:all 0.3s;
}
.ui-nex-forms-container .image-choices-field label.radio-inline.radio_selected .thumb-image-outer-wrap {
    box-shadow: 20px 20px 50px rgba(0,0,0,.3);
    transition: all 0.3s;
}
.image-choices-choice.images-inline {
    float: left;
    padding-left: 15px;
	padding-right: 15px;
}


.image-choices-field .prettyradio {
    display: none;
}
#nex-forms .the-radios .image-choices-choice.col-sm-12.display-block {
    padding-left: 15px;
}

#nex-forms .align_right .image-choices-choice {
    float: right;
}

#nex-forms .input_container.align_center .image-choices-inner.row,
#nex-forms .input_container.align_center .input-inner {
    display: flex;
    justify-content: center;
}

.ui-nex-forms-container .image-choices-field .thumb-icon-holder {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
	overflow:hidden;
}
.ui-nex-forms-container .image-choices-field span.thumb-icon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    z-index: 200;
    font-size: 18px;
	box-shadow: 10px 10px 40px rgba(0,0,0,.3);
}

.ui-nex-forms-container .image-choices-field .checked_squared span.thumb-icon {
    border-radius: 0 !important;
}

.ui-nex-forms-container .image-choices-field .checked_top .thumb-icon-holder {
    align-items: flex-start;
}
.ui-nex-forms-container .image-choices-field .checked_top .thumb-icon-holder span {
    margin-top: 0px;
}
.ui-nex-forms-container .image-choices-field .checked_bottom .thumb-icon-holder {
    align-items: flex-end;
	
}
.ui-nex-forms-container .image-choices-field .checked_bottom .thumb-icon-holder span {
    margin-bottom: 0px;
	box-shadow: none;
}

.ui-nex-forms-container .image-choices-field .checked_right .thumb-icon-holder {
    justify-content: flex-end;
}
.ui-nex-forms-container .image-choices-field .checked_right .thumb-icon-holder span {
    margin-right: 0px;
}
.ui-nex-forms-container .image-choices-field .checked_left .thumb-icon-holder {
    justify-content: flex-start;
}
.ui-nex-forms-container .image-choices-field .checked_left .thumb-icon-holder span {
    margin-left: 0px;
}

#nex-forms .cropped .input_container.thumbs-center {
    display: flex;
    justify-content: center;
}

#nex-forms .cropped .input_container.thumbs-right {
    display: flex;
    justify-content: flex-end;
}

.ui-nex-forms-container .image-choices-field .image-choices-choice {
    border-style: solid;
    border-width: 0;
    border-color: #ddd;
    transition: all 0.3s;
    border-radius: 3px;
    /* width: 170px; */
    /* float: left; */
    /* margin-right: 30px; */
    margin-bottom: 30px;
}
.ui-nex-forms-container .image-choices-field .image-choices-choice:last-child {
    margin-right: 0;
}
.ui-nex-forms-container .image-choices-field input[type="radio"], 
.ui-nex-forms-container .image-choices-field input[type="checkbox"] {
    border: 0 ;
    clip: rect(0 0 0 0) ;
    height: 1px ;
    margin: -1px ;
    overflow: hidden ;
    padding: 0 ;
    position: absolute ;
    width: 1px ;
}
#nex-forms span.image-choices-choice-text.input-label {
    margin-top: auto;
    border-width: 0px;
    border-style: solid;
    background: none;
    position: relative;
    z-index: 100;
}


.ui-nex-forms-container .image-choices-field .thumb-placeholder {
    background: #f2f2f2;
    min-height: 137px;
    color: rgba(0,0,0,0) !important;
}

.ui-nex-forms-container .image-choices-field .the-thumb-image {
   /* height: 120px;
    object-fit: cover;*/
    width: 100%;
}
.ui-nex-forms-container .image-choices-choice label.radio-inline{
    padding: 0 ;
    display: block;
}
.ui-nex-forms-container .image-choices-field .image-choices-choice label.radio-inline {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: 100%;
}


.ui-nex-forms-container .image-choices-field .image-choices-choice-image-wrap {
    background-size: cover;
    width: 100%;
    height: auto;
}
.ui-nex-forms-container .image-choices-field .image-choices-choice-image-wrap {
    display: inline-block;
    line-height: 0;
    text-align: center;
    transition: all 0.3s;
    border-width: 0px;
    border-style: solid;
    overflow: hidden;
}

.thumb-image-outer-wrap {
    position: relative;
}

.ui-nex-forms-container .image-choices-field .image-choices-choice-text,
.ui-nex-forms-container .image-choices-field .image-choices-choice-price {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.4;
    padding: 15px;
    transition: all 0.3s;
    display: block;
}
.ui-nex-forms-container .image-choices-field .image-choices-choice-image-wrap:hover .change_thumb,
.ui-nex-forms-container .image-choices-field .thumb-icon-holder:hover .change_thumb{
	opacity:1;
	
}
.change_thumb:hover {
    background: #333;
	color:#40c4ff;
    transition: all 0.3s ease 0s;
}
.change_thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #555;
    font-size: 18px;
    padding: 3px 10px;
    z-index: 10000;
    color: #fff;
    transition: all 0.3s ease 0s;
	opacity:0;
}

.ui-nex-forms-container .image-choices-field img {
    width: auto;
    height: auto;
}
.ui-nex-forms-container .image-choices-field img, 
.ui-nex-forms-container .image-choices-field img[height], 
.ui-nex-forms-container .image-choices-field img[width] {
    max-width: 100%;
}